Visual Studio 2017 Typescript中无法识别tsconfig.json中的baseUrl / paths

时间:2018-02-09 16:08:33

标签: angular visual-studio typescript asp.net-core visual-studio-2017

我正在使用带有Angular的Visual Studio 2017 ASP.NET Core,但是当我尝试设置baseUrl / paths时,Visual Studio无法识别快捷方式。

这是由于配置错误,还是Visual Studio 2017不完全支持这个?

tsconfig.json:

"baseUrl": ".", 
"paths": {
  "@services/*": [ "ClientApp/app/shared/services/*" ] 
}

对于我尝试过的路径 "应用程序/共享/服务/ *"

导入声明:

import { MyService } from '@services/my.service';

错误:

  

找不到模块' @ services / my.service

1 个答案:

答案 0 :(得分:0)

没关系,配置错误。以下内容已被Visual Studio接受并认可。

"baseUrl": "./ClientApp", 
"paths": {
  "@services/*": [ "app/shared/services/*" ]
}

此外,webpack.config.js中的resolve部分需要更新,以便webpack也知道如何处理这个别名。

resolve: {
    alias: {
        '@services': path.resolve(__dirname, 'ClientApp/app/shared/services')
    },
    extensions: ['.js', '.ts']
},