Question

我在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无法呈现视图。我在配置方面有什么需要做的吗？

控制台错误如下：

未捕获的错误：模块导入了意外的值“ undefined” 'AppModule' 在语法错误（compiler.js：2426）在compile.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）在JitCompiler.push ../ node_modules/@angular/compiler/fesm5/compiler.js.JitCompiler.compileModuleAsync （compiler.js：25962）在CompilerImpl.push ../ node_modules/@angular/platform-browser-dynamic/fesm5/platform-browser-dynamic.js.CompilerImpl.compileModuleAsync （platform-browser-dynamic.js：143）在compileNgModuleFactory__PRE_R3__（core.js：17609）在PlatformRef.push ../ node_modules/@angular/core/fesm5/core.js.PlatformRef.bootstrapModule （core.js：17792）

我的伴侣代码如下：

“严格使用”；

Object.defineProperty（exports，“ __esModule”，{       值：true}）;

var _react = require（'react'）;

var _react2 = _interopRequireDefault（_react）;

require（'./ styles.css'）;

function _interopRequireDefault（obj）{return obj && obj .__ esModule？   obj：{默认值：obj}; }

/ * src / index.js * / var MyComponent = function MyComponent（）{       返回_react2.default.createElement（           'h1'，           空值，           “我的组件您好”       ）; }; Exports.default = MyComponent;

希望在angular 7应用程序中使用Web组件（在reactJS中创建）

0 个答案: