在 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' 上不存在。