2

上下文:我正在使用带有自定义 webpack/angular 5 conf 的 yarn 工作区一段时间。我正在尝试将 ng cli 工具与 angular 8 一起使用。但出现了一个奇怪的问题。

首先,这是错误:

../node_modules/@project/messages/src/index.ts 中的错误模块构建失败(来自 ../node_modules/@ngtools/webpack/src/index.js):错误:/path/to/right/folder/ TypeScript 编译中缺少 node_modules/@project/messages/src/index.ts。请通过 'files' 或 'include' 属性确保它在您的 tsconfig 中。丢失的文件似乎是第三方库的一部分。已发布库中的 TS 文件通常是库打包不良的标志。请在库存储库中打开一个问题以提醒其作者并要求他们使用 Angular 包格式 ( goo.gl/jB3GVv ) 打包库。

[在此处插入可怕的人类无法理解的堆栈跟踪]

我认为问题是纱线正在创建的符号链接。这是我的文件夹架构。

.
├── libs
│   ├── messages
│   │   ├── dist
│   │   ├── LICENSE
│       ├── node_modules
│   │   ├── package.json
│   │   ├── src
│   │   └── tsconfig.json
│   └── physics
│       ├── jest.config.js
│       ├── LICENSE
│       ├── node_modules
│       ├── package.json
│       ├── src
│       └── tsconfig.json
├── LICENSE
├── game
│   ├── angular.json
│   ├── browserslist
│   ├── e2e
│   ├── karma.conf.js
│   ├── LICENSE
│   ├── node_modules
│   ├── package.json
│   ├── README.md
│   ├── src
│   ├── tsconfig.app.json
│   ├── tsconfig.json
│   ├── tsconfig.spec.json
│   ├── tslint.json
│   └── yarn.lock
├── node_modules
│   ├── @project
│   └── some other packages (mb like over 99999999, but nvm)
├── package.json
├── README.md
├── server
│   ├── LICENSE
│   ├── main.ts
│   ├── node_modules
│   ├── package.json
│   ├── src
│   └── tsconfig.json
└── yarn.lock

还有符号链接映射:

ls -la node_modules/@project 
total 40
drwxrwxr-x   2 nek nek  4096 juin  24 23:24 .
drwxrwxr-x 912 nek nek 36864 juin  24 23:24 ..
lrwxrwxrwx   1 nek nek    14 juin  24 23:24 client -> ../../game
lrwxrwxrwx   1 nek nek    19 juin  24 23:24 messages -> ../../libs/messages
lrwxrwxrwx   1 nek nek    18 juin  24 23:24 physics -> ../../libs/physics
lrwxrwxrwx   1 nek nek    22 juin  24 23:24 server -> ../../server

没有什么看起来那么不对劲。但是在构建时它失败了。我不明白为什么。但请查看以下输出ng --version

$ ng --version

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


Angular CLI: 8.0.4
Node: 10.16.0
OS: linux x64
Angular: <error>
... animations, cli, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       <error>
@angular-devkit/build-angular   <error>
@angular-devkit/core            <error>
@angular-devkit/schematics      <error>
@schematics/angular             <error>
@schematics/update              <error>
rxjs                            <error>
typescript                      <error>

它看起来有点像这个问题:https ://github.com/angular/angular-cli/issues/3864#issuecomment-303168778但我没有同样的问题(考虑到 node_modules 的位置在我的情况下是准确的)。

谢谢你的帮助!

4

1 回答 1

2

我用 npm/lerna 开始了一个新项目(应该像 yarn 工作区一样工作)。并且有同样的问题。但是解决了。

问题是 TypeScript 的配置(在 tsconfig.json 文件中)。我设置了path我的 tsconfig 的配置:

"compilerOptions": {
    "paths": {
        "@project/physics": ["../libs/physics"]
     }
 }

像魅力一样工作。

于 2019-08-27T13:15:49.770 回答