首页 > 解决方案 > Angular 10 路径别名问题

问题描述

我正在尝试对服务和组件使用路径别名,以避免混乱的导入。我的服务位于 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”或其相应的类型声明。这里有什么问题?

标签: angulartypescripteclipse

解决方案


我将所有内容移至 tsconfig.base.json 并将下面的行放入 tsconfig.json 中。有用!

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

推荐阅读