無法識別 tsconfig.json 中的 Visual Studio 2017 Typescript baseUrl/paths

Question

我正在使用帶有 Angular 的 Visual Studio 2017 ASP.NET Core，但是當我嘗試設置 baseUrl/paths 時，Visual Studio 無法識別快捷方式。

這是由於配置錯誤，還是 Visual Studio 2017 不完全支持？

tsconfig.json：

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

對於路徑我也試過“app/shared/services/*”

進口申報：

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

錯誤：

找不到模塊“@services/my.service”

Answer 1

沒關系，配置錯誤。 以下內容已被 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']
},