22/07/31 vue3bug记录：项目运行报错unplugin-vue-components&router-view

已于 2022-07-31 16:10:23 修改
阅读量2.6k 收藏
点赞数 1
分类专栏： # bug知识点记录 文章标签： bug
于 2022-07-31 16:07:29 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Nighsloth/article/details/126086768
版权
本文档介绍了在Node.js项目中遇到的两个常见错误：一是`Cannot find module 'unplugin-vue-components/resolvers'`，解决方法是升级node版本；二是`Failed to resolve component: router-view`，原因是main.js中路由拦截器被意外注释掉。通过针对性的解决方案，成功避免了这两个问题，确保项目正常运行。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

报错1
Error: Cannot find module ‘unplugin-vue-components/resolvers’
在这里插入图片描述

解决办法 node版本升级
在这里插入图片描述
重新再运行就没有报错了

报错2
Failed to resolve component: router-view
在这里插入图片描述
解决 vue项目main.js中 路由拦截注释不小心将 使用路由注释掉了
在这里插入图片描述

Vue 3 出现 模块 “vue“ 没有导出的成员 的解决方法
码农研究僧的博客
04-01 276
TypeScript 没有正确解析 Vue 3 的类型定义，可能是 types 配置导致 Vue 类型被忽略，或 node_modules 里 Vue 相关类型丢失
vue3使用自动导入按需插件之后报错：Failed to resolve component: side-barIf this is a native custom element。。。。
m0_45361676的博客
04-16 303
于是我删除了package.json中的两个插件 和 package-lock.json 、 node_modules 两个文件 在重新运行上面这个安装插件的命令 结果就可以了 就离谱！结果还是不可以 ，百度都被翻烂了，都没找到解决办法，甚至报的错误不能说一摸一样，只能说和我这个毫无关系。反正就是版本unplugin-vue-components的版本又升级了一个。最后我突发奇想，总感觉还是版本兼容问题。
【Error: Cannot find module ‘unplugin-vue-components/vite‘】vite按需引入报错
hwh_09123的博客
03-22 1万+
【Error: Cannot find module 'unplugin-vue-components/vite'】vite按需引入报错
vue3 vue-router的手动配置和自动配置unplugin-vue-router
最新发布
qq_44136028的博客
04-08 791
31232131
记录 unplugin-vue-components不生效
wade3po的博客
06-11 1108
我还特地去提了个 issue，结果别人用这个 repo 可以，我就让两三个同事试试，结果惊呆了我，都可以，node 版本一模一样，有一个把整个项目打包给我（包括 node_modules），我的电脑还是不行。之前用 vite + VUE3 + TS 开发了几个项目，最近因为一个新项目，想着升级这些版本，就重新起了一个项目，结果遇到了然自己爆炸的问题。最终结果是我降了版本，v0.26.0 可以，我顺便也去提了 issue，描述了一下跟电脑有关系，结果不知道什么时候可以回复。
vue3 的unplugin-vue-components报错
weixin_45638909的博客
09-26 2622
这时候你可以重新安装下这个模块unplugin-vue-components。
vue3解决[Vue warn]: Failed to resolve component:XXX
烟溪彭于晏的博客
07-01 1万+
最近学习vue3，对于一个后端来说坑好多啊，头炸了！！！即使坑一个接一个的，填就完了！！！在解决完 ‘VueRouter‘、vue-router未找到 ， this.$router未定义的问题后，之前还生效的ElementPlus突然无法识别了。已经在main.js全局引入了ElementPlus，但是浏览器报警告无法识别ElementPlus然后找到两个解决办法如果是组合式API，有稍微不同首先你需要安装 和 这两款插件 然后把下列代码插入到你的 vue.config.js 或 或 的配置文件中、
vue的路由踩坑坑……之路（＜router-link/＞，＜router-view/＞）之router-link跳转时浏览器的路径是正确的，而router-view却不渲染数据？？？
BubbleABC的博客
06-26 1017
为什么我的router-link跳转时浏览器的路径是正确的，而router-view却……为什么不渲染数据？？？这个问题我纠结了好几个小时。。到最后，真真真……（无语子） 先上图，看目录： 我的目录长这样 接下来我会用到这几个页面： 1，HelowWorld.vue页面（上代码）： <template> <div class="hello"> 你好你好你好 <h1>这里是HelloWorld</h1> <p>
Vue/vuex/vue-router/element-ui 一个后台管理系统实现侧边栏和可配置tab标签栏的demo
王小烦的博客
01-28 1万+
自制一个简单demo，实现一个包含侧边栏、tab标签栏的后台管理系统的大致框架，在此做一下总结。 先上图 项目地址 https://github.com/ekko-wang/vue-elementui-demo 功能点 可配置的侧边栏； 侧边栏点击时跳转至相应的router，若没有该标签则新建，已有则激活这个标签； 点击标签栏中的标签实现下方的路由跳转； 关闭所有标签栏则自动打开至inde...
vue+webpack+vue-router+element+axios全家桶搭建vue项目完整教程详解 2019
PGguoqi的博客
04-19 9265
未完
vue-admin-template4使用记录及项目遇到问题的解决方案
weixin_45915243的博客
01-18 1201
一，安装vue-admin-template # 克隆项目 git clone https://github.com/PanJiaChen/vue-admin-template.git # 进入项目目录 cd vue-admin-template # 安装依赖 npm install # 建议不要直接使用 cnpm 安装以来，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题 npm install --registry=https://registry.npm.taobao.
vue 报错 Cannot find package ‘unplugin-vue-components‘ 解决
分享互联网的有趣知识~
09-24 6667
vue 报错 Cannot find package 'unplugin-vue-components' 解决
vue运行报错Error: Cannot find module ‘@vue/cli-plugin-babel‘
热门推荐
梦翼横空的专栏
03-09 3万+
原因：当前电脑nodejs版本过高，项目的配置太低，不匹配，如下package.json
vue3+vite配置 unplugin-vue-component 找不到 Vant 组件的问题
天问博客-专注于大前端技术
07-18 2699
使用 vue3 + vite + Vant 搭建移动端项目，为了避免全量引入 vant 导致打包体积过大，又不想一个一个组件手动导入，所以就选择了 vant 官方推荐的方法，使用 unplugin-vue-components 插件自动引入组件，并按需引入组件的样式。 但是运行过程中遇到了报错：[vite] Internal server error: Failed to resolve import "vant/es" from "xxx"
Vue项目启动报错：error:cannot find module xxx
m0_74152912的博客
05-10 2473
原因：无法找到项目依赖的某个模块。如果报错，使用强制清除重新安装依赖
(vue)vue项目Error: Cannot find module ‘xxx’类报错的解决方法
nyf_unknow的博客
08-22 5210
1.到项目文件夹下，（可以先备份一下项目以防万一）删除node_modules文件和package-lock.json文件。注意不是package.json（如果删不掉，看下项目是不是打开了，关了再试试）现发现只要是报错 Error: Cannot find module ‘xxx’（例如 Error: Cannot find module ‘webpack’）这类的问题都可以用下面的方法解决。3.继续运行npm run dev(这里不一定是dev，要根据自己实际项目中的配置来，就是启动项目就行)
解决Vue项目 Error: Cannot find module ‘vue-template-compiler‘ 报错
qq_39535439的博客
12-09 2338
解决Vue项目 Error: Cannot find module 'vue-template-compiler' 报错
vue3 【提效】自动注册组件 unplugin-vue-components（含组件名的默认生成规则，自定义组件名生成规则， 解析器 resolvers）
朝阳39的博客
06-27 1279
还在为每次都要导入组件而烦恼吗？用 unplugin-vue-components 来帮你吧，以后组件直接拿来用即可，无需再导入啦！
Error: Cannot find module ‘unplugin-vue-components/vite‘
成在坚持，贵在坚持
10-25 7266
node版本过低导致模块未找到 Error: Cannot find module ‘unplugin-vue-components/vite’，模块未找到 在node_modules中可以找到这个模块，可是项目还是无法运行 方法1，重新安装模块 1.rimraf node_modules 删除 node_modules, 2.npm install 重新安装模块，结果运行的时候还是报这个问题 方法2，更新高版本node 1.在控制面版中将node删除， 2.在node官网中下载14版本的node，重新
vue3 若依页面缓存不生效
03-20
### Vue3 若依框架中页面缓存不生效解决方案 在 Vue3 中，`keep-alive` 是一种常用的机制来实现页面缓存功能。然而，在若依（RuoYi）框架下可能会遇到页面缓存失效的情况。以下是针对此问题的具体分析和解决方案。 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值