web-dev-qa-db-ja.com

angularプロジェクトのtsconfig.app.jsonでパスを定義します

プロジェクトはangular CLIを介して生成されました。次のフォルダー構造があります。

enter image description here

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にエラーがあります：

モジュール '@ bar/car'が見つかりません。

angulartypescriptimportangular-clitsconfig
5
koryakinp

pathsを次のように定義する必要があります。

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

詳細については、

6
Maxim Koretskyi

baseUrlを追加する前に、pathsを最初に配置することを忘れないでください。私は自分がどこが間違っているのかを理解しようと何時間も費やしました。

"baseUrl": "./",
"paths": {
  ...
}
3
Philip John

私はこれがうまくいくかもしれないと思います

    {
  "extends": "../tsconfig.json",
  "compilerOptions": {
    ...
    "baseUrl": "./",
    "paths" : {
      "@bar" : ["foo/bar"],
      "@environment/*": ["environments/*"],
        "@shared/*": ["app/_shared/*"],
        "@helpers/*": ["helpers/*"]
       //you can define multiple paths inside this 
    },
    ...
  },
  ...
}

質問はduplicateof question のようになります

1
Vignesh