angular - tsconfig 短路径在 vs 代码中不起作用

Question

我已经像这样设置了我的 Angular 项目:

https://angularfirebase.com/lessons/shorten-typescript-imports-in-an-angular-project/

但它似乎不起作用。
我的 tsconfig 看起来像这样:

{
  "compileOnSave": false,
  "compilerOptions": {
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "target": "es5",
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es2017",
      "dom"
    ],
    "module": "es2015",
    "baseUrl": "./",
    "paths": {
      "@data/*": ["src/app/core/data/*"],
      "@constants/*": ["src/app/core/constants/*"],
      "@models/*": ["src/app/core/models/*"],
      "@services/*": ["src/app/core/services/*", "src/app/core/sessions/*"],
      "@shared/*": ["src/app/shared/*"]
    }
  }
}

我煞费苦心地浏览了我的整个应用程序，并用这些新路径替换了所有“长”路径，当我尝试执行 ng serve 时我收到很多错误。

这里有几个:

ERROR in src/app/categories/categories.component.ts(3,31): error TS2307: Cannot find module '@constants/animations'.

src/app/core/components/animations/animations.component.ts(3,34): error TS2307: Cannot find module '@constants/animations'.

src/app/core/components/animations/animations.component.ts(4,34): error TS2307: Cannot find module '@services/animation.service'.

src/app/core/components/spinner/spinner.component.ts(3,32): error TS2307: Cannot find module '@services/loading.service'.

有负载，当我查看实际组件/模块时，智能感知显示没有问题。
有谁知道为什么会发生这种情况？

Answer 1

这只是与 有关基路径 .它应该设置为“src”。
所以现在，它看起来像这样:

"baseUrl": "src",
"paths": {
  "@data/*": ["app/core/data/*"],
  "@constants/*": ["app/core/constants/*"],
  "@models/*": ["app/core/models/*"],
  "@services/*": ["app/core/services/*", "app/core/sessions/*"],
  "@shared/*": ["app/shared/*"]
}