在 React TypeScript 組件中導入 Javascript

Question

我正在 TypeScript 中開始一個新的 React 項目，它是在基本 JS 和 HTML 中完成的舊項目的轉換。 我正在嘗試使用用 JS 編寫的 web 庫，但我不確定如何導入它。 在舊項目中，它只是在 head 中使用腳本標記導入的。 在嵌入式 JS 中調用的舊 function 被let external = $pop.render(params) 。 腳本標記中舊導入的擴展名是/index.js?mode=api 。 任何幫助，將不勝感激。 提前致謝！ 該庫是一個自定義的私有 js 庫。 我試過import "URL TO LIBRARY"; , jQuery.getScript() , 並import * as Pop from 'URL'; . 它是一個基於 AMD 的模塊。

Answer 1

我能夠通過將其作為腳本標記導入 HTML 文件中然后從 window window.$pop.render(params)調用我需要的函數來解決它。 我必須添加declare global { interface Window { $pop:any;}}所以 TypeScript 知道在 window 中期望 $pop。 我通過結合這些解決方案得到了這個： 如何使用我添加的外部腳本來響應 JS？ 和TypeScript 錯誤：屬性 'X' 在類型 'Window' 上不存在。