1

我们正在将我们的存储库从 Angular 7 升级到 Angular 8（最终升级到 9）。我们有一个 Angular 库 repo，它刚刚升级到适当的 Angular 8 库，那里的一切似乎都运行良好，并作为私有 NPM 包发布。我们的主要 Angular 8 应用程序使用该库，但我收到库中所有内容的模块错误：

ERROR in ./src/app/app.module.ts
Module not found: Error: Can't resolve '@my-scope/my-library/a-z-list-legend' in '[local-path]/src/app'
ERROR in ./src/app/app.module.ts
Module not found: Error: Can't resolve '@my-scope/my-library/analytics' in '[local-path]/src/app'
and so on...

我遵循了Angular - 创建库指南，所以我使用命令：ng build my-library并发布到 NPM。我在那里没有错误。

这是我的库的文件结构的屏幕截图：
在此处输入图像描述

请注意，我仍在使用我的public-api.ts文件中引用的桶。

这是node_modules与每个 ES 版本捆绑包一起安装的内容：
在此处输入图像描述

示例模块导入app.module.ts如下所示：

import { AZListLegendModule } from '@my-scope/my-library/a-z-list-legend';

在这一点上，我有点不知所措，我不确定这是图书馆还是消费应用程序的问题。感谢您提供任何帮助。

更新：这是两个 repos 中使用
的缩写：package.json

{
  "dependencies": {
    "@angular/animations": "~8.2.0",
    "@angular/cdk": "~8.2.0",
    "@angular/common": "~8.2.0",
    "@angular/compiler": "~8.2.0",
    "@angular/core": "~8.2.0",
    "@angular/flex-layout": "8.0.0-beta.27",
    "@angular/forms": "~8.2.0",
    "@angular/material": "~8.2.0",
    "@angular/material-moment-adapter": "~8.2.0",
    "@angular/platform-browser": "~8.2.0",
    "@angular/platform-browser-dynamic": "~8.2.0",
    "@angular/router": "~8.2.0",
    "rxjs": "~6.4.0",
    "tslib": "^1.10.0",
    "zone.js": "~0.9.1"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.802.2",
    "@angular/cli": "~8.2.2",
    "@angular/compiler-cli": "~8.2.0",
    "@angular/language-service": "~8.2.0",
    "@types/node": "~8.9.4",
    "codelyzer": "^5.0.0",
    "jasmine-core": "~3.4.0",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~4.1.0",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "~2.0.1",
    "karma-jasmine": "~2.0.1",
    "karma-jasmine-html-reporter": "^1.4.0",
    "typescript": "~3.5.3"
  }
}

并ng --version转储： 

     _                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/


Angular CLI: 8.2.2
Node: 10.17.0
OS: darwin x64
Angular: 8.2.14
... animations, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router

Package                            Version
------------------------------------------------------------
@angular-devkit/architect          0.802.2
@angular-devkit/build-angular      0.802.2
@angular-devkit/build-optimizer    0.802.2
@angular-devkit/build-webpack      0.802.2
@angular-devkit/core               8.2.2
@angular-devkit/schematics         8.2.2
@angular/cdk                       8.2.3
@angular/cli                       8.2.2
@angular/flex-layout               8.0.0-beta.27
@angular/material                  8.2.3
@angular/material-moment-adapter   8.2.3
@ngtools/webpack                   8.2.2
@schematics/angular                8.2.2
@schematics/update                 0.802.2
rxjs                               6.4.0
typescript                         3.5.3
webpack                            4.38.0

更新 2：
Angular 8 库似乎不支持深度导入。将我所有的导入更改为@my-scope/my-library似乎有效。

4

0 回答 0