error in ./src/components/HelloWorld.vue Module build failed: Error: Vue packages version mismatch:

最新推荐文章于 2024-06-20 06:00:00 发布
最新推荐文章于 2024-06-20 06:00:00 发布
阅读量8k 收藏 1
点赞数 1
分类专栏： VSCode Vue node_modules 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48584082/article/details/111686866
版权
VSCode 同时被 3 个专栏收录
4 篇文章 0 订阅
订阅专栏
Vue
4 篇文章 0 订阅
订阅专栏
node_modules
1 篇文章 0 订阅
订阅专栏

报错  Module build failed: Error:

Vue packages version mismatch:

- vue@2.6.12
- vue-template-compiler@2.5.16

调整如下图

  当前安装的VUE依赖node_modules是2.6.12版本的，可导入的项目中的版本是2.5.16

就是说你安装的node_modules需要和vue-template-compiler对应的版本才可以使项目运行成功！

解决：

a.直接在项目中删除之前的node_modules文件夹内的所有文件，

b.然后安装2.5.16版本的vue依赖命令：npm install vue@2.5.16 --save

c.运行项目命令：npm run dev

 

 

在实践中寻找答案
关注
专栏目录
遇到报错解决：error in ./src/router/index.js
快乐学习
05-06 4779
error in ./src/router/index.js在运行前端vue代码的时候，发现了这个报错。根据与上面的报错提示：就是这个路由里面的问题 ，这里缺失了这个Login.vue的文件，那就创建一个加上去就好了。新建一个Vue组件或者文件都可以，只要名字是。
renren-fast-vue无法运行相关问题解决办法n ./src/assets/scss/index.scss Module build failed: Error: ENOENT: no su
qq_41556455的博客
07-22 5746
in ./src/assets/scss/index.scss Module build failed: Error: ENOENT: no such file or directory, scandir ‘C:\Users\xyy’s\Desktop\renren-fast-vue\node_modules\node-sass\vendor’ at Object.fs.readdirSync (fs.js:861:3) at Object.getInstalledBinaries (C:\Users\xy
学成在线项目学习前端bug npm run dev运行报错 error in ./src/App.vue error in ./src/components/HelloWorld.vue问题
qq_37139773的博客
09-26 2398
由于node的版本低了更新一下即可。
npm run dev运行报错 error in ./src/App.vue error in ./src/components/HelloWorld.vue问题
热门推荐
H5爱好者
05-28 6万+
运行项目时候出现的问题Windows PowerShell 版权所有 (C) Microsoft Corporation。保留所有权利。 PS C:\Users\Administrator> cd E:\projectwork\vuework\sell PS E:\projectwork\vuework\sell> npm install npm WARN optional SKIP...
Vue packages version mismatch 报错解决
最新发布
Everybody up
06-20 1010
根据报错不难看出是 vue 与 vue-template-compiler 版本产生了冲突，vue 与 vue-template-compiler 的版本是需要匹配的。3、如果项目中的vue和 vue-template-compiler版本号依然不一致，则手动在项目中node_modules文件夹下将vue和vue-template-compiler文件夹中两者的package.json中版本号改为一致即可。1、先卸载 vue 或者 vue-template-compiler。
解决找不到模块“@/components/HelloWorld.vue”或其相应的类型声明。
幽冥雪羽的博客
07-13 7100
找不到模块“@/components/HelloWorld.vue”或其相应的类型声明
vue-cli3 加typescript 环境下，导入外部模块报错
weixin_37743655的博客
09-08 807
原因：你导入的模块没有ts支持 感谢博主分享：https://www.jianshu.com/p/35742227738e
(javascript)Vue启动时常见错误及其解决办法
祈澈菇凉
11-18 6851
(vue.js)vue npm run dev 运行错误(1/2) 错误一： ERROR Failed to compile with 2 errors error in ./src/App.vue 解决方案1: 首先是检查下你的路径有没有错；其次是你import的时候加上.vue后缀试试（components/star/...
vue初始化（命令行方式）
C90283的博客
11-14 9285
VUE项目初始化步骤命令 1，安装Node.js; Window安装包 Mac安装包 检查是否安装成功 node -v 显示版本即成功，如图： 2，安装vue-cli脚手架； 打开命令行窗口cmd（window+R,输入cmd后Enter） 在cmd下执行命令 cnpm install vue-cli -g 安装成功如图 3，初始化项目文件夹； 在你准备建项目的文件夹打开cmd 执行命令 vue init webpack vue-project(注：vue-project是自定义项目名称) 如图： 初
Failed to compile../src/App.vue Module Error (from ./node_modules/eslint-loader/index.js): 解决方法
weixin_49797780的博客
02-18 4269
当vue渲染html为原生标签时出这个错误，需要修改配置项。 优化如下： 第一步：初始化并重新安装eslint npm init -y npm install eslint --save-dev 第二步：进入node_modules下的bin目录，并初始化eslint cd ./node_modules/.bin/ //找到文件目录 eslint --init 第三步：设置配置选项，除选择vue.js外，其他都选择默认项或者y或者Y，如下仅仅到选择vue.js步骤 ? ...
vue中自动导入导致的数十个报错，ERROR in ./node_modules
qq_61943848的博客
08-20 1万+
我在写路由跳转的时候，运行后一下出现了node_modules几十个报错，都是了来自于 ./node_modules的。ERROR in ./node_modules/import-fresh/index.js 7:11-26 Module not found: Error: Can't resolve 'path' in 'D:\Users\17943\Desktop\电商后台管理\app\node_modules\import-fresh' 原因：系统自动导入了express。解决方法：删掉就可以了。
error in ./static/img/warehouse2.jpg Module build failed: Error: Cannot find module ‘imagemin-png
weixin_44986077的博客
08-21 2238
最近启动项目突然进行报错 error in ./node_modules/vue-piczoom/src/rotate.png Module build failed: Error: Cannot find module 'imagemin-pngquant' at Function.Module._resolveFilename (internal/modules/cjs/loader.js:580:15) at Function.Module._load (internal/mod
vue执行npm run servr 报错：ERROR in ./xxx/xxx.vue?vue&type=style&index=0&lang=css
ke_sin的博客
07-24 2万+
报错： ERROR in ./xxx/xxx.vue?vue&type=style&index=0&lang=css 原因： 没有安装node -sass 解决： node-sass npm i node-sass --S 如果还报错： npm install sass-loader --save-dev 如果又报这个错： this.xxx is not a function 是因为sass-loader 的版本过高造成的 办法1： 在本地的package.json文件，里面的
成功解决：Module build failed: Error: Vue packages version mismatch
日常笔记 | 干货分享 | 毕设源码 | 毕设指导 | 答辩指导
09-15 5956
Module build failed: Error: Vue packages version mismatch
Vue引入TinyMCE
yu_ib的博客
04-01 669
Vue引入Tinymce踩坑·记 Tinymce官方文档据说很烂，我还不信，看了之后：什么玩意？ 推荐大佬整理的中文站：TinyMCE中文文档 引入方式： 1、按照上面文档的方式自行引入，注意版本问题！注意版本问题！注意版本问题！ 2、在自己的Vue项目的components文件夹下新建tinymce文件夹，把下面链接的文件全部下载到里面,如下图 有点慢，建议使用梯子 这是大佬帮我们封装好的，下载好后可以在main.js里引入tinymce或者像我一样在随用随引入 <template> &
error in ./src/components/form/Editor.vue Module build failed: Error:Vue packages version mismatch
qq_42052589的博客
11-18 3870
1.错误： error in ./src/components/form/Editor.vue Module build failed: Error: Vue packages version mismatch: - vue@2.6.12 - vue-template-compiler@2.5.16 This may cause things to work incorrectly. Make sure to use the same version f or both. If you are.
初次使用vue写项目的一些经验
风烟
12-19 2万+
最近用vue正在写一个项目，本来以为vue很简单，但是还是发现是有一些坑在里面，现在边写边进行总结。首先遇到的就是页面中img中标签的图片src的加载问题，我开始以为是图片应该和组件放在一块，但是发现不行，总是报错。./~/css-loader?sourceMap!./~/vue-loader/lib/style-rewriter.js?id=data-v-0d4c5d14!./~/vue-lo
ERROR in ./src/login.vue?vue&type=template&id=19e76240& Module parse failed: Unexpected token (2:0)
小道仙的后宫
08-29 1万+
全部异常如下： ERROR in ./src/login.vue?vue&amp;type=template&amp;id=19e76240&amp; Module parse failed: Unexpected token (2:0) You may need an appropriate loader to handle this file type. | | &lt;div&gt; |...
in ./src/components/Vue-Axios.vue?vue&type=script&lang=js&（找不到querystring）
weixin_44281199的博客
03-15 4181
今天在学习axios使用post请求时，因为后端接口不是json格式 需要前端发送请求里把字符串拼接，这样做很麻烦，后来得知在node中有 querystring() 方法 可以把对象结构的字符串转成{user:aa} => 'user=aa’字符串拼接于是我想自己已经下好了node，应该能直接使用于是。。。 看来还是没有这个方法呢，于是去网上看了一圈可以使用 npm i querystring 安装querystring 再刷新下页面 npm run serve 就能够使用了 ...
error in ./src/layout/components/tableOperateDialog.vue
07-25
抱歉，我无法直接查看或分析代码。但是，通常情况下，"error in ./src/layout/components/tableOperateDialog.vue" 的错误提示意味着在该文件中存在一个错误。你可以尝试以下几个步骤来解决这个问题： 1. 检查代码中的拼写错误、语法错误或缺少的字符等问题。 2. 确保导入的组件、方法或变量名称正确，并且已在代码中正确引用。 3. 检查该文件是否存在依赖项，如果有，请确保已正确安装和导入这些依赖项。 4. 检查相关的 CSS 或样式文件是否正确导入，并且路径是否正确。 5. 检查该文件是否依赖其他文件或组件，并确保这些依赖项已正确导入和使用。 如果你能提供更多的错误信息、代码片段或者详细描述问题的背景和具体错误，我可能可以给出更具体的解决方案。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值