解决vue3+vite项目中引入mockjs失败的问题--无法找到模块“mockjs”的声明文件

最新推荐文章于 2024-04-26 17:54:13 发布
最新推荐文章于 2024-04-26 17:54:13 发布
阅读量1k 收藏
点赞数
分类专栏： ❤️❤️--vue3项目实战记录 文章标签： vue.js vue3中引入mockjs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41579104/article/details/131441299
版权

 看到上面报错，根据提示 修改声明方式 declare module 'mockjs'

 我们修改一下引入的声明，发现修改之后仍然报错；

 

 解决方法：

需要在vite-env.d.ts文件中，添加 declare module 'mockjs'，保存即可

 然后就可以正常使用了

 

suoh's Blog
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Vue 3.0+Vite 2.0+Vue-Router4.0+Element-Plus+Echarts 5.0后台管理系统
05-02
Vue 3.0+Vite 2.0+Vue-Router4.0+Element-Plus+Echarts 5.0+Axios 开发的后台管理系统 Vue 3.0+Vite 2.0+Vue-Router4.0+Element-Plus+Echarts 5.0+Axios 开发的后台管理系统 Vue 3.0+Vite 2.0+Vue-Router4.0+...
vue3+vite+monorepo+qiankun+pnpm+vue-i18n、lodash、dayjs、windicss
08-05
vue3+vite+monorepo+qiankun+pnpm+vue-i18n、lodash、dayjs、windicss vue3+vite+monorepo+qiankun+pnpm+vue-i18n、lodash、dayjs、windicss vue3+vite+monorepo+qiankun+pnpm+vue-i18n、lodash、dayjs、windicss vue3+vite+monorepo+qiankun+pnpm+vue-i18n、lodash、dayjs、windicss vue3+vite+monorepo+qiankun+pnpm+vue-i18n、lodash、dayjs、windicss vue3+vite+monorepo+qiankun+pnpm+vue-i18n、lodash、dayjs、windicss vue3+vite+monorepo+qiankun+pnpm+vue-i18n、lodash、dayjs、windicss
vue3+vite+qiankun+monorepo框架
08-03
vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架vue3+vite+qiankun+monorepo框架
Vue3中导入文件报错无法找到模块的声明文件的解决办法
2302_76388415的博客
03-16 1206
相信在vue3的开发中都遇到过类似的问题，找遍各处博客也找不到一个称心如意的解决方案，大都步骤复杂，这里展示一种方法。在其中增加如下代码即可解决，需要导入的文件是什么后缀，就用什么后缀。在vue3的根目录都会有这个文件env.d.ts，没有就创建。
devDependencies和dependencies的区别
09-06 375
本文是学习笔记。非原创！非原创！非原创！ 学习node.js的时候，老师就说了要从package.json这个文件开始看起，其实一开始也是懵懵懂懂的，不知道啥叫包管理。后来逐渐开始知道了，真的为自己的智商感到捉急。今天主要是记录devDependencies和dependencies的区别的，这个虽然已经明白了，但是还是想要写一个笔记总结一下，说明一下我已经稍稍了解package.js...
Cannot find module ‘mock.js‘（vue项目）
weixin_57124513的博客
05-16 1197
在终端cd 到你所建mock文件夹下，输入 node textMock回车运行；若终端输入以下结果即安装成功。VS code 编译器中：直接点击查看-终端。在此目录下重新npm install mockjs即可。npm install mockjs后提示Cannot find module 'mock.js'（若不存在 ，点击下方链接直接另存至vue项目的src目录下即可）1. package.json 中查看是否存在mockjs。2.src 文件下是否存在mock.js 文件。4. 检验是否安装成功。
TS7016: Could not find a declaration file for module './mock/IdeatUserHomeMock'. '/Users/yangtianrui...
weixin_42611177的博客
01-10 3113
这个错误提示是在告诉你，找不到模块 "./mock/IdeatUserHomeMock" 的声明文件。也就是说，你在使用这个模块的时候，编译器无法确定它的类型，因此给它的类型标记了一个 "any" 类型。 这通常是因为你没有为这个模块安装它的声明文件，或者你没有正确地在你的项目中引入这个模块。你可以尝试以下几种解决方法： 在你的项目中安装这个模块的声明文件。如果这个模块是一个第三方模块，你可以在...
无法找到模块“mockjs”的声明文件。“C:/Users/Administrator/Desktop/manageMent/vue3-project/node_modules/.store/mock
2201_75783276的博客
08-14 288
原因: 是因为我引入的文件不是ts类型的。
vue3+ts的项目,找不到模块mockjs
qq_41026858的博客
06-15 1100
vue3+ts的项目，找不到mockjs模块
Error: Cannot find module ‘mockjs‘
Yolanda_NuoNuo的专栏
04-15 3899
项目跑的好好的就找不到这个了 重新跑npm install就好了~ 嘻嘻~
无法找到模块“mockjs”的声明文件。解决方法
hhhxyyyzz的博客
01-10 463
UMI采用ts文件导入mockjs包，无法找到模块
lyywz99的博客
08-10 801
在跟着视频学习UmiJS3时，用Mock.js来模拟真实数据。
vue3+vite+javascript+pina+ant-design-vue实现的一个pc端后台管理系统
04-07
vue3+vite+javascript+pina+ant-design-vue实现的一个pc端后台管理系统，mockJs接口数据模拟，动态菜单，beautiful 登录页，首页，打造一个完美的可供使用的后台管理系统。可以真实使用于商业项目中，基于模板改造...
全栈-Vite3+Vue3+TS+Ant-design-vue3整合
11-07
全栈开发实战技术分享 前端:Vite3+Vue3+TS+Ant-design-vue3 后端:SpringBoot+MybatisPlus+Mysql
vue快速入门（四十六）Router的安装与使用
不起眼小菜菜的博客
04-26 658
步骤很详细，直接上教程……
Vue项目中异步组件的引入使用
最新发布
Niucode的博客
04-26 280
Vue项目中异步组件的引入使用
vue echarts 柱状图 堆叠柱状图
Z18834071903的博客
04-26 298
vue echarts 柱状图 堆叠柱状图
vue3组件 描点定位以及监听滚动切换对应activeTab
weixin_41824429的博客
04-26 363
【代码】vue3组件 描点定位以及监听滚动切换对应activeTab。
vue实现录音并转文字功能，包括PC端web，手机端web
byebukesi的博客
04-26 521
不止vue，不限技术栈，vue2、vue3、react、.net以及原生js均可实现。
在vue3+ts+vite项目中使用vue-seamless-scroll
05-11
要在 Vue3+TypeScript+Vite 项目中使用 `vue-seamless-scroll`，可以按照以下步骤进行： 1. 安装依赖： ```bash npm install vue-seamless-scroll ``` 2. 在 `main.ts` 中引入 `vue-seamless-scroll`： ```typescript import { createApp } from 'vue'; import App from './App.vue'; import VueSeamlessScroll from 'vue-seamless-scroll'; const app = createApp(App); app.use(VueSeamlessScroll); app.mount('#app'); ``` 3. 在组件中使用 `vue-seamless-scroll`： ```vue <template> <div class="scroll-wrapper"> <vue-seamless-scroll class="scroll-content"> <div v-for="item in list" :key="item">{{ item }}</div> </vue-seamless-scroll> </div> </template> <script lang="ts"> import { defineComponent } from 'vue'; export default defineComponent({ name: 'MyComponent', data() { return { list: ['item 1', 'item 2', 'item 3'] }; } }); </script> <style scoped> .scroll-wrapper { width: 300px; height: 200px; overflow: hidden; } .scroll-content { width: 100%; height: 100%; display: flex; flex-direction: column; } </style> ``` 4. 在 `tsconfig.json` 中添加 `types` 配置： ```json { "compilerOptions": { "types": ["vue-seamless-scroll"] } } ``` 这样就可以在 Vue3+TypeScript+Vite 项目中使用 `vue-seamless-scroll` 了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

suoh's Blog

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值