Хотел использовать веб-компонент (созданный вactJS) в приложении angular 7 - PullRequest
Новая
       14

Хотел использовать веб-компонент (созданный вactJS) в приложении angular 7

0 голосов
/ 06 марта 2019

Я использовал простой пользовательский элемент, который в React [https://www.npmjs.com/package/my-dummy-component]

и я установил приложение Angular (версия 7.2) Файл app.component.html находится ниже 

<my-componet></my-componet> /* This is my Web component */

и мой app.module.ts ниже 

 import { BrowserModule } from '@angular/platform-browser';
 import { NgModule,CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import { AppComponent } from './app.component';
 import { MyComponent } from 'my-dummy-component'

@NgModule({
  declarations: [AppComponent],
  imports: [
    MyComponent,
    BrowserModule],
  schemas:[CUSTOM_ELEMENTS_SCHEMA],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {}

но это показывает некоторую ошибку в консоли, HTML не отображает сторону представления. Что-то я делаю в конфигурации?

Ошибка консоли ниже:

Uncaught Error: неожиданное значение 'undefined' импортировано модулем 'AppModule' в синтаксической ошибке (compiler.js: 2426) на compiler.js: 18646 в Array.forEach () в CompileMetadataResolver.push ../ node_modules/@angular/compiler/fesm5/compiler.js.CompileMetadataResolver.getNgModuleMetadata (compiler.js: 18615) в JitCompiler.push ../ node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._loadModules (compiler.js: 26021) в JitCompiler.push ../ node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler._compileModuleAndComponents (compiler.js: 26002) at JitCompiler.push ../ node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler.compileModuleAsync (compiler.js: 25962) на странице CompilerImpl.push ../ (платформа-браузер-dynamic.js: 143) в compileNgModuleFactory__PRE_R3__ (core.js: 17609) на PlatformRef.push ../ node_modules/@angular/core/fesm5/core.js.PlatformRef.bootstrapModule (core.js: 17792)

Код my-componentonet ниже:

«использовать строгое»;

Object.defineProperty (экспорт, "__esModule", { значение: true});

var _react = require ('реагировать');

var _react2 = _interopRequireDefault (_react);

требуется (»./ styles.css');

function _interopRequireDefault (obj) {вернуть obj && obj .__ esModule? obj: {по умолчанию: obj}; }

/ * src / index.js * / var MyComponent = function MyComponent () { return _react2.default.createElement ( 'H1', ноль, «Привет из моего компонента» ); }; exports.default = MyComponent;

...