Javascript 如何在Typescript中使用jquery(或其他外部库)?
作为学习Typescript的练习,我正在转换当前项目的javascript。 该项目由flask提供,并使用VSCode编辑。我非常希望在javascript部分使用Typescript,主要是为了改进VSCode中的intellisense和类型检查 我通过npm安装了@types/jquery,如果我在.ts文件中有Javascript 如何在Typescript中使用jquery(或其他外部库)?,javascript,jquery,typescript,visual-studio-code,Javascript,Jquery,Typescript,Visual Studio Code,作为学习Typescript的练习,我正在转换当前项目的javascript。 该项目由flask提供,并使用VSCode编辑。我非常希望在javascript部分使用Typescript,主要是为了改进VSCode中的intellisense和类型检查 我通过npm安装了@types/jquery,如果我在.ts文件中有import$from“jquery”,那么一切都很好,VSCode中没有错误。但是,当我用tsc编译代码并在chrome中运行站点时,javascript代码中的import
import$from“jquery”
,那么一切都很好,VSCode中没有错误。但是,当我用tsc编译代码并在chrome中运行站点时,javascript代码中的import$from“jquery”
在chrome控制台中给出了一个“未能解析模块说明符”jquery“。如果我注释掉那行javascript代码,就不会有错误
所以,我的问题是:如何将Typescript与外部库一起使用,从带有脚本标记的CDN加载,而不会在编译的javascript代码中出现导入错误
似乎应该有更好的方法,而不是回顾我编译的所有代码并注释外部库的导入
#此代码在.ts和.js文件中看起来相同,
#但它给出了一个“无法解析模块说明符”jquery“
#在我的项目中运行.js时出错。
#如果我在.ts文件中注释掉导入,
#.ts有错误-找不到名称“$”-并且将不会编译。
#如果我在编译的.js文件中注释掉导入,则页面加载良好。
从“jquery”导入$
函数foo(){
$(“#某些元素”)
}
首先通过npm安装jquery:
npm i jquery
然后
import $ from "jquery";
并使用它