類型混淆？

Question

我正在嘗試在我的Angular項目中實現第三方.js庫（gridstack.js）。但是我對使用/導入類型文件（.d.ts）的方式感到困惑。

所以我到目前爲止的做法是通過npm安裝gridstack以及它的類型。然後我嘗試在我的component.ts中導入它。 （import * as gridstack from 'gridstack'），但index.d.ts不被識別爲模塊。我猜這是有道理的，因爲index.d.ts文件中沒有導出語句，但也許我錯了？

所以我的問題是，你如何訪問DOM中的gridstack以及component.ts？也許有人可以澄清，如果設置是每次打字相同或如果它取決於你想要利用什麼庫。我覺得我已經看到了50種不同的方法來做到這一點，每次我都會感到困惑。

Answer 1

不需要輸入分型的組件文件，您應通過NPM安裝的分型，然後在tsconfig.json文件中定義它們，那麼這些分型將在您的所有組件文件可用

tsconfig.json

"compilerOptions": { 
    "types": [ "node", "gridstack" ] 
} 

確保你有你的分型根據node_modules/@類型或使用'typeRoots'如果定義其他

的地方，你可以定義你的分型路徑

檢查這個answer！