短導入 Typescript 路徑映射在 Angular 8 項目中不起作用

Question

我的 Angular 項目結構如下所示：

我的目標是能夠將 register.component.ts 導入到 auth-routing.module.ts 中

import { RegisterComponent } from '@pages/auth/authpages/register/register.component';

為此，我將路徑添加到我的 tsconfig.json，如下所示：

  "compileOnSave": false,
  "compilerOptions": {
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "downlevelIteration": true,
    "experimentalDecorators": true,
    "module": "esnext",
    "moduleResolution": "node",
    "typeRoots": ["node_modules/@types"],
    "importHelpers": true,
    "target": "es2015",
    "lib": [
      "es2018",
      "dom"
    ],
    "baseUrl": "src",
    "paths": {

      "@pages/*": ["app/pages*"]
    }
  },
  "angularCompilerOptions": {
    "fullTemplateTypeCheck": true,
    "strictInjectionParameters": true
  }
}

由於某種原因，它仍然無法正常工作。 該組件已正確導出，並且可以使用標准 ts 路徑作為目標。 有誰知道問題出在哪里？

Answer 1

嘗試改變這個

"@pages/*": ["app/pages*"] 

至

"@pages/*": ["app/pages/*"]