在 React TypeScript 组件中导入 Javascript

Question

我正在使用 TypeScript 开始一个新的 React 项目，它是一个使用基本 JS 和 HTML 完成的旧项目的转换。我正在尝试使用一个用 JS 编写的网络库，但我不确定如何导入它。在旧项目中，它只是在 head 中使用脚本标记导入的。嵌入式 JS 中调用的旧函数是 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.$pop.render(params) 调用我需要的函数。我必须添加 declare global { interface Window { $pop:any;}} 以便 TypeScript 知道在窗口中期待 $pop。我通过组合这些解决方案得到了这个：How do I use external script that I add to react JS? 和 TypeScript error: Property 'X' does not exist on type 'Window'。