利用Angular CLI開發時,tsconfig.json "baseUrl":"src/",編譯錯誤

目前我在VSCode上,利用Angular CLI開發時,希望typescript裡面import path都是絕對路徑,
所以將tsconfig.json裡的baseUrl設定為"src/"時,編譯就會出錯,大家有遇到相關的問題嗎?

設定:
“compilerOptions”: {
“baseUrl”:“src/”
}
錯誤訊息:
Error encountered resolving symbol values statically. Function calls are not supported. Consider replacing the function or lambda with a reference to an exported function (position 194:50 in the original .ts file), resolving symbol NgModule

如果設定絕對路徑,就可以編譯成功,但是團隊每個人的存放專案目錄不一樣,所以無法解決問題。
設定:
“compilerOptions”: {
“baseUrl”:“D:/dev/workspace/AngularDemo/src/”
}

已解決。
tsconfig.json設定"baseUrl":“src/”,讓VSCode辨識ts來源。
tsconfig.app.json設定"baseUrl":"",讓Angular CLI 辨識ts來源。編譯成功。

使用 typescript 的 pathalias 會讓 import 路徑看起來更漂亮

"baseUrl": "src",
"paths": {
      "@app/*": [
        "app/*"
      ],
      "@env/*": [
        "environments/*"
      ]
    }

這樣子設定後,import 路徑就會變成

import { HomeComponent } from @app/components/HomeComponent
5個讚