Angular 10 路徑別名問題

Question

我正在嘗試為服務和組件使用路徑別名，以便我可以避免混亂的導入。 我的服務位於 src/app/services 文件夾下。 我有一個 AppService 文件 app.service.ts。 我在 tsconfig.json 中添加了以下代碼。

{
      "compilerOptions": {
        "baseUrl": "./src/app",
        "paths": {
          "@services/*": ["services/*"]
  },

我在組件類中導入了服務，例如

import { AppService } from '@services/app.service';

它不起作用。 它拋出錯誤 TS2307：找不到模塊“@services/app.service”或其相應的類型聲明。 這里有什么問題？

Answer 1

我將所有內容移至 tsconfig.base.json，並將以下行放入 tsconfig.json。 有用！

{
  "extends": "./tsconfig.base.json"
}