7

我正在尝试为Angular 6库配置路径（我已成功为以前的 Angular 项目配置了路径）

这是tsconfig.json文件中我以前的应用程序的工作：

"compilerOptions": {
    [...]
    "baseUrl": "src",
    "paths": {
      "@class/*": [ "app/class/*" ],
      "@services/*": [ "app/services/*" ],
      "@views/*": [ "app/views/*" ]
    }
}

然后使用它，例如：

Import { Item } form '@class/item';

在我的新应用程序中，我在tsconfig.**lib**.json文件中尝试相同的方式：

"compilerOptions": {
    [...]
    "baseUrl": "src",
    "paths": {
      "@class/*": [ "lib/class/*" ],
      "@services/*": [ "lib/services/*" ],
      "@views/*": [ "lib/views/*" ]
    }
}

我试图像这样在我的库的组件中导入一个类，但它不起作用（VSCode 找不到该文件）：

Import { Item } form '@class/item';

请注意，import主项目中的语句正在运行：

Import { Item } from 'myLibrary';

知道我做得不好吗？

谢谢你的帮助。

4

1 回答 1

5

这是来自我上面的评论，如果你看到这是一个正确的答案。

Angular 将使用该tsconfig.json文件，该angular.json文件在**architect --> build --> options --> tsconfig**. 而VS Code使用tsconfig.json位于工作区底部的文件。您需要在两种配置中添加路径以使它们都能正常工作，或者更改项目以使用tsconfig.json文件中的基本angular.json文件。

该tsconfig.json文件有一个扩展属性，它将以另一个文件为基础并覆盖文件中声明的所有内容tsconfig.lib.json。因此，如果您在tsconfig.lib.json文件中声明了路径，则文件中不再需要这些路径tsconfig.json。

编辑 29.7.2019 tsconfig.json

"baseUrl": "src",
"paths": {
  "@ProjectName1/*": ["../projects/ProjectName1/src/app/modules/*"],
  "@Projectname2/*": ["../projects/Projectname2/src/app/modules/*"],
  "@environment/*": ["environments/*"],
  "project-core": ["../dist/project/project-core"],
  "project-core/*": ["../dist/project/project-core/*"]
}

而且目前我没有在 tsconfig.app.json 中声明路径，因为它与 tsconfig.json 中的相同。所以这与我之前的回答不同，因为我只有在 tsconfig.json 中有路径。

于 2019-03-04T11:38:35.680 回答