如何使用Angular / .NET Core / tsconfig指定路径?

时间:2018-01-13 19:09:12

标签: typescript .net-core angular5

我正在尝试使用dotnet new angular在我的角度应用中清理我的路径。运行此命令时,根目录中放置了tsconfig.json

以下是相关内容:

{
  "compilerOptions": {
    ...
    "baseUrl": ".",
    "paths": {
      "@models": ["ClientApp/app/models/*"]
    }
  },
  ...
}

现在,在我的服务中:

import { Person } from '@models/person.model';

不幸的是,我收到错误消息:无法找到模块@ models / person.model

在.net核心/角度应用程序中使用tsconfig.json链接路径的正确方法是什么?

更新

我发现一些信息暗示这与webpack有关。它建议添加:

const { TsConfigPathsPlugin } = require('awesome-typescript-loader');

resolve: {
  plugins: [
    new TsConfigPathsPlugin(/* { configFileName, compiler } */)
  ]
}

我没有看到有关为编译器提供什么值的任何信息。我认为它会默认为tsc。另外,一些示例将configFileName显示为路径,其他示例仅显示文件名。这是我输入的内容:

new TsConfigPathsPlugin({ configFileName: './tsconfig.json'})

1 个答案:

答案 0 :(得分:1)

在角项目的基础上(假设你使用了angular-cli),basePath应该是src而不是.,因为它存在一层。 你的其他东西应该可以工作。