开发者问题收集

Angular 库-未找到模块:错误:无法解析模块

2021-10-03
4995

我有一个简单的例子:

  1. 我根据官方文档在工作区内创建了 Angular 库:
ng new workspace-test --create-application=false
cd workspace-test
ng generate library lib-test
  1. 然后我构建库并从 ./dist/lib-test 目录为其创建 npm 链接:
ng build lib-test
npm link
  1. 然后我创建最简单的 angular 应用程序:
ng new app-test
  1. 现在我将我的应用程序链接到库:
npm link lib-test
  1. 当我尝试在应用程序中使用库时,出现异常
 Error: Module not found: Error: Can't resolve '../../../workspace-test/dist/lib-test/lib/lib-test.component' in 'C:\dev\app-test\src\app'
  1. 我在app:
import { LibTestModule } from '../../../workspace-test/dest/lib-test'


...


imports: [
   LibTestModule ,

我不知道发生了什么,如何让它工作?这是基本的例子。

2个回答

如果您想在另一个本地项目中使用本地库,那么您的库构建应该在项目的 node_modules 文件夹中

解决方案 将库构建目标更改为项目的 node_modules

  • 假设您有以下文件夹

  • 转到 my-lib>projects>my-lib>ng-package.json 文件

  • 将目标更改为 "../../../my-project/node_modules/my-lib"

  • 构建您的库

Obada Saada
2021-12-27

构建后,您可以在 node_module 文件夹中安装缺失的模块。

构建您的库: cd my-lib ng build
转到您的工作区根目录: cd my-workspace
然后通过 npm 安装: npm i ./dist/my-lib

Oni
2024-01-15