在tsconfig.app.json中为角度项目定义路径

kor*_*inp 4 import typescript tsconfig angular-cli angular

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

在此处输入图片说明

我想定义的路径文件夹tsconfig.app.json和进口CarGarage

我的tsconfig.app.json

{
  "extends": "../tsconfig.json",
  "compilerOptions": {
    ...
    "baseUrl": "./",
    "paths" : {
      "@bar" : ["foo/bar"]
    },
    ...
  },
  ...
}
Run Code Online (Sandbox Code Playgroud)

我的Garage.ts

import { Car } from "@bar/Car";
export class Garage {}
Run Code Online (Sandbox Code Playgroud)

在garage.ts中,我有一个错误:

找不到模块“ @ bar / car”。

Max*_*kyi 5

您需要这样定义paths

   "paths" : {
      "@bar/*" : [
          "foo/bar/*"
      ]
    },
Run Code Online (Sandbox Code Playgroud)

有关更多信息,请阅读

  • 谢谢先生,它解决了原来的问题,但是编辑器(在我的例子中是 VS 代码)仍然抱怨“[ts] 找不到模块“@bar/Car”。 (2认同)

Phi*_*ohn 5

请不要忘记baseUrl在添加paths. 我花了几个小时试图找出我错在哪里。

"baseUrl": "./",
"paths": {
  ...
}
Run Code Online (Sandbox Code Playgroud)