angular - 在 tsconfig.app.json 中为 Angular 项目定义路径

Question

该项目是通过 Angular CLI 生成的。我有以下文件夹结构:

我想在 tsconfig.app.json 中定义一个 bar 文件夹的路径，并将 Car 导入到 Garage.

我的tsconfig.app.json:

{
  "extends": "../tsconfig.json",
  "compilerOptions": {
    ...
    "baseUrl": "./",
    "paths" : {
      "@bar" : ["foo/bar"]
    },
    ...
  },
  ...
}

我的 Garage.ts:

import { Car } from "@bar/Car";
export class Garage {}

在 garage.ts 我有一个错误:

Cannot find module '@bar/car'.

Answer 1

你需要这样定义路径:

   "paths" : {
      "@bar/*" : [
          "foo/bar/*"
      ]
    },

阅读更多信息

• Configuring TypeScript compiler