我构建了一个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-browser-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