vue-cli 4.5生成的typescript后配置jquery(并解决:Could not find a declaration file for module ‘jquery‘. 问题)

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、此时在查看就没有波浪线了,如下图所示:

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
TS7016: Could not find a declaration file for module 'jest-matchers'. 'D:/Projects/Vue/Vue3/liantong/liantong_project/node_modules/_jest-matchers@18.1.0@jest-matchers/build/index.js' implicitly has an 'any' type. Try `npm i --save-dev @types/jest-matche`是一个 TypeScript 的错误提示。它告诉你在模块 'jest-matchers' 中找不到声明文件。这意味着编译器无法确定该模块的类型,因此将其标记为 'any' 类型。为了解决这个问题,你可以尝试运行命令 `npm i --save-dev @types/jest-matche` 来安装 '@types/jest-matche' 的声明文件,如果存在的话。这样编译器就能正确地推断出模块的类型。\[1\] 类似地,对于错误信息 TS7016: Could not find a declaration file for module 'mock-service-plugin'. 'app-ts/node_modules/mock-service-plugin/src/index.js' implicitly has an 'any' type. Try `npm i --save-dev @types/mock-service-plugin` if it exists or add a new declaration (.d.ts) file containing `declare module 'mock-service-plugin';`,你可以尝试运行命令 `npm i --save-dev @types/mock-service-plugin` 来安装 '@types/mock-service-plugin' 的声明文件,如果存在的话。或者你可以创建一个新的声明文件(.d.ts),并在其中添加 `declare module 'mock-service-plugin';` 的声明,以解决这个问题。\[2\] 对于错误提示 TS7016: Could not find a declaration file for module "./mock/IdeatUserHomeMock",它告诉你在模块 "./mock/IdeatUserHomeMock" 中找不到声明文件。编译器无法确定该模块的类型,因此将其标记为 'any' 类型。为了解决这个问题,你可以尝试创建一个新的声明文件(.d.ts),并在其中添加 `declare module './mock/IdeatUserHomeMock';` 的声明,以帮助编译器正确地推断出模块的类型。\[3\] #### 引用[.reference_title] - *1* [TS7016: Could not find a declaration file for module](https://blog.csdn.net/TO_Web/article/details/128015339)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [error TS7016: Could not find a declaration file for module ‘*‘.](https://blog.csdn.net/bianliuzhu/article/details/128685412)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [TS7016: Could not find a declaration file for module './mock/IdeatUserHomeMock'. '/Users/yangtianrui...](https://blog.csdn.net/weixin_42611177/article/details/129586645)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值