32

我有一个 Angular CLI 工作区，其中包含两个库项目，foo并且bar. 当我构建两个库中的第二个时foo，构建失败并出现以下错误：

错误 TS6059：文件“/code/projects/bar/src/lib/types.ts”不在“rootDir”“/code/projects/foo/src”下。'rootDir' 应包含所有源文件。

Error: error TS6059: File '/code/projects/bar/src/lib/types.ts' is not under 'rootDir' '/code/projects/foo/src'. 'rootDir' is expected to contain all source files.

    at Object.<anonymous> (/code/node_modules/ng-packagr/lib/ngc/compile-source-files.js:53:68)
    at Generator.next (<anonymous>)
    at /code/node_modules/ng-packagr/lib/ngc/compile-source-files.js:7:71
    at new Promise (<anonymous>)
    at __awaiter (/code/node_modules/ng-packagr/lib/ngc/compile-source-files.js:3:12)
    at Object.compileSourceFiles (/code/node_modules/ng-packagr/lib/ngc/compile-source-files.js:19:12)
    at Object.<anonymous> (/code/node_modules/ng-packagr/lib/ng-v5/entry-point/ts/compile-ngc.transform.js:26:32)
    at Generator.next (<anonymous>)
    at /code/node_modules/ng-packagr/lib/ng-v5/entry-point/ts/compile-ngc.transform.js:7:71
    at new Promise (<anonymous>)

我已经在 GitHub 上的沙盒存储库中重现了该错误。我已经尽可能地简化了代码，同时仍然遇到错误。您可以通过npm run build在rootDir-expect-all-source-files-error分支上执行来重现错误。错误的原因是什么？这可能是ng-packagror ngcor的错误tsc吗？或者它只是一个配置问题？

观察

下面是我可以使构建通过的代码更改，但我想知道是什么导致了代码的错误。

bar.component.ts

构建失败

export class BarComponent {

  list = this.barService.list();

  constructor(private barService: BarService) {}
}

构建通行证

在构造函数中初始化列表属性而不是内联

export class BarComponent {

  list;

  constructor(private barService: BarService) {
    this.list = this.barService.list();
  }
}

酒吧服务.ts

构建失败

import { Injectable } from '@angular/core';
import { List, Item } from './types';

@Injectable({
  providedIn: 'root'
})
export class BarService {

  private _list: List = [];

  constructor() { }

  add(item: Item): void {
    this._list.push(item);
  }

  list(): List {
    return this._list;
  }
}

构建通行证

删除数据类型

import { Injectable } from '@angular/core';

@Injectable({
  providedIn: 'root'
})
export class BarService {

  private _list: any[] = [];

  constructor() { }

  add(item: any): void {
    this._list.push(item);
  }

  list(): any {
    return this._list;
  }
}
4

5 回答 5

9

我有同样的问题，但@Agius 的解决方案没有帮助。

我有：

Angular Workspace
  - projects
      - lib1
      - lib2
  - src
      - test application

事实上，通过在 WebStorm 中拖动文件夹，我已经将一个组件从 lib2 移动到了 lib1。通过这样做，lib2 中对该组件的引用没有被删除，而是被更新并指向 lib1 的源文件夹。我忘了删除 lib2 中不再需要的这些引用。删除对 lib2 中组件的所有引用后，编译该库。

我不得不删除引用

  • public_api.ts
  • ./lib/lib2.module.ts

也许您的项目中有更多参考资料。

于 2018-11-28T12:28:08.640 回答
7

这看起来像是由于import types在TypeScript 2.9. 发出时，这些未正确重新布线，请参见第 3 行。

dist/bar/lib/bar.component.d.ts(5,11)：

export declare class BarComponent implements OnInit {
    private barService;
    list: import("projects/bar/src/lib/types").Item[]; 
    constructor(barService: BarService);
    ngOnInit(): void;
}

在上面发出的dts，list: import("projects/bar/src/lib/types").Item[];应该是类似的东西import("./types").Item[];。

解决方法可以是从您的代码而不是推断类型，您明确设置它。

bar.component.ts更改以下内容；

list = this.barService.list();

至：

list: Item[] = this.barService.list();

这将删除类型导入并构建消费库。

我还检查了 TypeScript 的未来版本，它仍然是 TypeScript 的一个问题3.0.1，但看起来它已经在devTypeScript 的版本中得到了解决3.1.0，即3.1.0-dev.20180813

于 2018-08-15T15:00:37.690 回答
2

该问题与未正确提供导入路径的导入语句有关。

例如：-

 import * from '../.././../tools1/tools2/tools/demo';

应该

import * from '@tools/tools/demo';

这里@tools被认为是根目录。注意：- 上面提到的路径只是一个例子。

于 2020-07-20T12:52:38.953 回答
1

我有一个打字稿项目，并遇到了一个抱怨导入相同错误的问题。我已经通过更正文件中的值来解决它，include如下tsconfig.json所示

{
  "compilerOptions": {
    "module": "CommonJS",
    "target": "ES2017",
    "noImplicitAny": true,
    "preserveConstEnums": true,
    "outDir": "./dist",
  },
  "exclude": ["node_modules", "**/*.test.ts"],
  "include": ["src"]
}

希望这可能会有所帮助。

于 2021-12-28T10:38:18.450 回答
0

如果您使用https://nx.dev并收到此错误...

我也遇到了这个问题...

它正在杀死我...我无法弄清楚为什么 nx 没有正确构建...它给了我很多关于我引用的项目@scope1/lib2 及其所有 .ts 文件都在引用它的项目...我还注意到 dep-graph 有 @scope1/lib2 但引用库中没有依赖箭头...

我找到了这个修复：

rm -rf node_modules/.cache

我猜nx在缓存中有一些错误的东西......删除后，dep-graph终于正确显示了链接并且构建开始工作

于 2021-12-20T15:48:52.493 回答