在節點服務器中為Angular項目導入打字稿文件

Question

我無法導入節點服務器內Angular項目目錄中存在的TS文件。

我專門研究了Node服務器的tsconfig.json文件的各種設置，但沒有運氣。

我通過npm start運行節點服務器，例如"start": "nodemon --exec ts-node -- ./start.ts"

我的項目結構看起來像這樣...

....
node_modules/
src/
  app/
    shared/
      models/
        entity.model.ts
stub-server/
  start.ts
  src/
    data/
      entity-data.ts
angular.json
tsconfig.json
...

我希望能夠從entity-data.ts內entity-data.ts導入相關的事件腳本類/接口/枚舉等， entity.model.ts在entity-data.ts數據中實施類型安全。

Answer 1

您肯定需要為您的項目使用更好的工具。
請檢查https://nx.dev/並創建Angular應用程序和Node應用程序，將代碼移動到此處，然后您將能夠創建包含共享內容的庫，以從兩個項目中導入該庫。

Nx將負責配置和使其工作所需的tsconfig路徑。 談論tsconfig.paths ，您可以嘗試在當前項目中設置一個，也許這種結構不干凈：

"compilerOptions": {
  "paths": {
    "@shared/*": ["src/app/shared/*"]
  }
}

並從服務器導入您的東西，例如

import { MyModel } from '@shared/models';

無論如何，考慮將代碼遷移到Nx，您將能夠享受干凈的體系結構和工作流程。 編碼愉快！