我构建了一个 Angular 应用程序 [MASTER]。在其中,我想导入另一个使用功能模块 [FEATURE_MODULE] 构建的应用程序。
要生成 FEATURE_MODULE,我遵循了本教程:模块教程。这会导出一个名为“SharedModule”的功能模块(参见教程)。我将 EagerComponent 包含到此模块中以便导入 MASTER。
另一方面,我按照另一个教程中提到的步骤生成库组件(包):如何构建组件教程
最后,我将该组件导入 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/eager.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 不存在
角度版本:
角 CLI:1.6.1
节点:9.1.0
操作系统:win32 x64
角度:5.1.1
... 动画、通用、编译器、编译器-cli、核心、表单
... http、语言服务、平台浏览器
...平台-浏览器-动态,路由器
@角/cdk:5.0.1
@角/cli:1.6.1
@角/材料:5.0.1
@angular-devkit/build-optimizer:0.0.36
@angular-devkit/核心:0.0.22
@angular-devkit/原理图:0.0.42
@ngtools/json-schema:1.1.0
@ngtools/webpack:1.9.1
@原理图/角度:0.1.11
@原理图/原理图:0.0.11
打字稿:2.4.2
网络包:3.10.0