导入功能模块时,字段“浏览器”不包含有效的别名配置

时间:2018-01-17 12:07:38

标签: angular ng-packagr

我构建了一个Angular应用程序[MASTER]。在其中,我想导入另一个使用功能模块[FEATURE_MODULE]构建的应用程序。

为了生成FEATURE_MODULE,我遵循了本教程:Modules tutorial。这将导出名为“SharedModule”的功能模块(请参阅教程)。我将EagerComponent包含在此模块中,以便导入MASTER。

另一方面,我按照另一个教程中提到的步骤生成了一个库组件(bundle):How to build a component tutorial

最后,我将该组件导入MASTER,但是当我运行它时,Angular会显示以下消息。

  

我的问题是:

如何导入和使用功能模块中包含的组件?

App.module.ts:

imports: [... , SharedModule.forRoot(), ...],
declarations: [.., EagerComponent, ...]

'EagerComponent'是我想用到MASTER的组件。

输出:

  

在C:\ entorno \ diciembreALG \ src

中查找模块      

使用描述文件:... \ package.json(相对路径:./ src)

     

使用描述文件后,字段“浏览器”不包含有效的别名配置:... \ package.json(相对路径:./ src)

     

使用描述文件:... \ package.json(相对路径:./ src / lazy-eager / src / app / seek.component)没有扩展名

     

字段'浏览器'不包含有效的别名配置C:\ entorno \ diciembreALG \ src \ lazy-eager \ src \ app \ eager.component不

     

存在   .TS                 字段“浏览器”不包含有效的别名配置                 ... \ src \ lazy-eager \ src \ app \ eager.component.ts不存在

     

的.js                 字段“浏览器”不包含有效的别名配置                 ... \ src \ lazy-eager \ src \ app \ eager.component.js不存在

     

作为目录                 ... \ src \ lazy-eager \ src \ app \ eager.component不存在

Angular版本:

  

Angular CLI:1.6.1

     

节点:9.1.0

     

操作系统:win32 x64

     

Angular:5.1.1

     

...动画,通用,编译器,编译器 - cli,核心,表单

     

... http,语言服务,平台浏览器

     

... platform-b​​rowser-dynamic,router

     

@ angular / cdk:5.0.1

     

@ angular / cli:1.6.1

     

@ angular / material:5.0.1

     

@ angular-devkit / build-optimizer:0.0.36

     

@ angular-devkit / core:0.0.22

     

@ angular-devkit / schematics:0.0.42

     

@ ngtools / json-schema:1.1.0

     

@ ngtools / webpack:1.9.1

     

@ schematics / angular:0.1.11

     

@ schematics / schematics:0.0.11

     

打字稿:2.4.2

     

webpack:3.10.0

0 个答案:

没有答案