短导入打字稿路径映射在 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/*"]

短导入打字稿路径映射在 Angular 8 项目中不起作用

Short Import Typescript path mapping doesnt work in Angular 8 Project

json

angular

typescript

path

tsconfig