1、首先在package.json的devDependencies或dependencies选项下添加如下:
"jquery": "3.5.1",
"@types/jquery": "3.3.1"
如下图所示:
2、然后在tsconfig.json的types下加上jquery,如下图所示:
3、在vue.config.js中添加如下信息:
configureWebpack: {
plugins: [
new webpack.ProvidePlugin({
jQuery: "jquery",
$: "jquery"
})
]
}
如下图所示:
4、然后在.vue文件中通过import $ from 'jquery';引入,如下图所示:
错误先忽略
5、然后通过npm run serve启动即可,如下图所示:
6、解决jquery波浪红线,需要在shims-vue.d.ts文件添加declare module 'jquery';即可,如下图所示:
7、此时在查看就没有波浪线了,如下图所示: