0

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

4

0 回答 0