Angular tConfig短路径在vs代码中不工作

Angular tConfig短路径在vs代码中不工作,angular,typescript,Angular,Typescript,我已将我的角度项目设置为: { "compileOnSave": false, "compilerOptions": { "outDir": "./dist/out-tsc", "sourceMap": true, "declaration": false, "moduleResolution": "node", "emitDecoratorMetadata": true, "experimentalDecorators": true,

我已将我的角度项目设置为:

{
  "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/*"]
    }
  }
}
"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/*"]
}

但它似乎不起作用。 我的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/*"]
    }
  }
}
"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/*"]
}
我辛苦地浏览了整个应用程序,并用这些新路径替换了所有“长”路径,当我尝试执行
ng服务时,我会遇到大量错误

以下是几点:

src/app/categories/categories.component.ts(3,31)中出错:错误TS2307:找不到模块“@constants/animations”

src/app/core/components/animations/animations.component.ts(3,34):错误TS2307:找不到模块“@constants/animations”

src/app/core/components/animations/animations.component.ts(4,34):错误TS2307:找不到模块'@services/animation.service'

src/app/core/components/spinner/spinner.component.ts(3,32):错误TS2307:找不到模块'@services/loading.service'

存在负载,当我查看实际组件/模块时,intellisense显示没有问题。
有人知道为什么会发生这种情况吗?

这只是与基本路径有关。应将其设置为“src”。 所以现在看起来是这样的:

{
  "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/*"]
    }
  }
}
"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/*"]
}

我通常会把那些
路径
放在
tsconfig.app.json
中,也许可以试着把它放在那里?虽然我认为这不会有什么不同,因为
tsconfig.app.json
扩展了
tsconfig
。值得一试。