Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在Typescript中使用jquery(或其他外部库)?_Javascript_Jquery_Typescript_Visual Studio Code - Fatal编程技术网

Javascript 如何在Typescript中使用jquery(或其他外部库)?

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

作为学习Typescript的练习,我正在转换当前项目的javascript。 该项目由flask提供,并使用VSCode编辑。我非常希望在javascript部分使用Typescript,主要是为了改进VSCode中的intellisense和类型检查

我通过npm安装了@types/jquery,如果我在.ts文件中有
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";
并使用它