Question

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

首先，这是错误：

  ../node_modules/@project/messages/src/index.ts中的
错误   模块构建失败（来自../node_modules/@ngtools/webpack/src/index.js）：   错误：TypeScript编译中缺少/path/to/right/folder/node_modules/@project/messages/src/index.ts。请通过“文件”或“包含”属性确保它在您的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的位置在我看来是准确的）。

感谢您的帮助！

Answer 1

我从npm / lerna开始了一个新项目（应该像纱线工作区一样工作）。并且有同样的问题。但是解决了。

问题是TypeScript的配置（在tsconfig.json文件中）。我设置了tsconfig的path配置：

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

像魅力一样工作。

角度和纱线工作区：TS编译时缺少文件

1 个答案: