Vue和vue-template-compiler版本之间的问题

最新推荐文章于 2024-07-09 15:34:40 发布
原创 最新推荐文章于 2024-07-09 15:34:40 发布 · 561 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #ViewUI

本文介绍了当使用npm run dev命令启动Vue项目时遇到“Cannot find module 'vue-template-compiler'”错误的原因及解决方法。主要通过确保vue和vue-template-compiler版本一致来解决问题，并提供了一步一步的操作指南。

今天把远程仓库拉下项目，运行'npm run dev'时，报错

1 Module build failed: Error: Cannot find module 'vue-template-compiler'

报错原因：通常出现于一些依赖库的更新或者安装新的依赖库之后(可以认为npm update已经成为一种习惯)，导致了vue和vue-template-compiler的版本不一致。

 

解决方案：统一vue和vue-template-compiler的版本

1 "vue": "2.3.3",
2 "vue-template-compiler": "2.4.4",

 

查了并试了一下只要运行两个代码就行了

 

1 npm instll2 npm update

 

 

先运行npm install 之后会换一种报错：

 

1 Vue packages version mismatch

 

这种是重新安装了依赖，但是还没有更新

在接着运行npm update就可以使用

 

先运行npm update 报错还是一样，我们只要重新在执行一下npm install 安装一下就可以成功运行

ubunrabbit
关注
vue项目启动报错 vue与vue-template-compiler版本不一致
AstarCloud
07-28 1002
【代码】vue项目启动报错 vue与vue-template-compiler版本不一致。 This may cause things to work incorrectly. Make sure to use the same version for both. If you are using vue-loader@>=10.0, simply update vue-template-compiler. If you are using vue-loader@
vue-loader和vue-template-compiler版本不一致问题
芳草萋萋鹦鹉洲哦
05-28 1310
【代码】vue-loader和vue-template-compiler版本不一致问题。
vue与vue-template-compiler版本不匹配
weixin_38331749的博客
09-04 847
当你在 dependencies 或 devDependencies 部分指定一个依赖包时，可以使用。项目在本地，启动，打包都成功。符号是用于指定依赖包的版本范围的一种语义化版本规范。但它将不会允许安装主要版本号发生变化的版本，例如。符号来指定一个兼容的版本范围。，明显实际引入的版本，是不对的呀。符号表示可以接受该版本的。
关于vue@2.6.14和vue-template-compiler@2.7.15不一致的报错
qq_44829351的博客
07-09 1391
项目运行时出现vue与vue-template-compiler版本不一致的报错，经过查找，发现本地依赖中vue-template-compiler的版本号为2.7.15，且在重新安装vue-template-compiler@2.6.14的过程中发现npm和yarn包管理器中均已删除该版本依赖。时，发现最新版也是最终版的Vue2为2.7.16，官方建议Vue2用户升级到该版本，所以接下来需要升级本地项目中Vue的版本。升级Vue2到最新版本。之后运行项目就成功啦！
【Vue】Vue packages version mismatch（vue 和 vue-template-compiler）
weixin_47375144的博客
05-08 1956
Vue packages version mismatch（vue 和 vue-template-compiler）
详解如何解决Vue和vue-template-compiler版本之间的问题
10-18
在构建和运行基于Vue的Web项目时，Vue和vue-template-compiler版本之间的兼容性问题是一个常见且令人头疼的问题。本文旨在详细探讨如何识别并解决这些版本冲突。 首先，我们需要明确Vue和vue-template-compiler的...
解决vue和vue-template-compiler版本不一样的快捷办法
01-07
vue项目，package.json中Vue和vue-template-compiler版本不一致时，执行npm run dev有时会报错 提示如下内容 in ./src/views/login/index.vue Module build failed: Error: Vue packages version mismatch: - vue@...
npm run dev报错：vue版本和vue-template-compiler版本不一致，导致无法启动
qq_41276800的博客
01-31 4923
首先package.json文件中指定的vue版本为2.6.10，vue-template-compiler版本为2.6.10，使用的是华为npm仓库：https://repo.huaweicloud.com/repository/npm/为什么npm拉取的版本不是2.6.10，是因为vue版本采用了-开头(拉取仓库最新2.0版)，vue-template-compiler版本是^开头（拉取仓库中最新的版本）官方地址：https://www.npmjs.com/方法：访问仓库中某个依赖版本。
vue版本与vue-template-compiler版本不匹配（Build failed with errors）
Mr.Tang的博客
07-13 5582
vue版本与vue-template-compiler版本不匹配（Build failed with errors）
vue模板编译
Mr.J的博客
08-10 721
提示：本博客用于分享本人学习心得,如有错误之处欢迎大家指出。 文章目录前言编译模板是什么？编译模板的过程？1. vue-template-compiler2. vue组件可用render代替template编译模板的结果？ 前言 我们在用vue进行开发的时候，虽然模板是vue开发中最常用的部分，但是大多数人对他可能不是很了解，今天我们就一起来探讨以下，模板是什么？模板是如何编译的？ 编译模板是什么？ 模板不是html，模板有表达式、插值、能实现判断、循环 html是标签语言，只有js代码才能实现判断
解决vue和vue-template-compiler版本不一致问题
weixin_44471566的博客
01-18 2148
第二步：执行npm install vue-template-compiler@报错中提示的vue的版本号。找到vue.runitme.common.js这个文件删除它（根据报错里提示的路径)第一步：执行npm uninstall vue-template-compiler。下方中红方框圈起来的便是（报错里提示的路径、不同人的提示路径可能有所不同请留意）将Vue版本替换为vue-template-compiler的版本。
新建vue项目时遇到Vue和vue-template-compiler版本不一致的问题
qq_29124867的博客
02-22 883
cd到 C:\Users\1000134668\AppData\Roaming\npm\node_modules\@vue\cli\node_modules目录下 先卸载vue-template-compiler npm uninstallvue-template-compiler 安装终端报错的版本 npm installvue-template-compiler @报错中提示的版本 ps：不会影响现有项目的环境，可正常运行。 ...
vue和vue-loader和vue-template-compiler版本问题
liu5282828的博客
11-04 1万+
因为跟着B站那个最火的视频学的Vue，遇到很多版本不同的问题，今天学习又遇到了vue和vue-loader和vue-template-compiler版本问题，在这里记录一下 大家如果想使用其他版本的loader，先要删除自己的安装的，这里建议在全局和本地都做一次删除，例如我现在想重装vue-loader npm unistall vue-loader -g npm unistall vue-loader -D 然后我们要重装指定版本的loader，就在loader后面加 “@+版本号”，例如 npm i
运行vue项目时遇到的npm指令报错系列
weixin_34241036的博客
04-09 8082
npm安装install报错4058 npm WARN checkPermissions Missing write access to G:\work-else\danta-elem\node_modules\debug\node_modules\ms npm WARN checkPermissions Missing write access to G:\work-else\danta-e...
Vue和vue-template-compiler版本不一致
weixin_30389003的博客
06-04 1235
vue项目，package.json中Vue和vue-template-compiler版本不一致时，执行npm run dev有时会报错， 提示vue和vue-template-compiler版本不匹配的问题 解决方法 : 第一步：执行npm uninstall vue-template-compiler 第二步：执行npm install vue-template-compiler@报错中提...
Vue3 的模板编译优化
慧心的眼眸的博客
11-16 972
今天的文章打算学习下 Vue3 下的模板编译与 Vue2 下的差异，以及 VDOM 下 Diff 算法的优化。 编译入口 了解过 Vue3 的同学肯定知道 Vue3 引入了新的组合 Api，在组件mount阶段会调用setup方法，之后会判断render方法是否存在，如果不存在会调用compile方法将template转化为render。 //packages/runtime-core/src/renderer.ts constmountComponent=(initi...
npm install报错:VUE3与vue-template-compiler版本不匹配
mrzyun0811的博客
04-16 880
必须保留可编译的package-lock.json，然后执行npm install不会报错。接手的项目，对源码不熟悉，把package-lock.json删掉了，导致报错，如上。
vue初始化项目时报错： Error: Cannot find module ‘vue-template-compiler‘
热门推荐
二三的博客
07-14 1万+
出现这个问题的原因是缺少了 ‘vue-template-compiler’ 模块。这类问题解决方案基本上都一样，网上也很多，在这里我写个随笔记录下。1、在项目内运行命令： 2、全局安装 使用上面两个任意一个方案即可，输入 命令，即可成功启动项目...
vue-loade 和 vue-template-compiler 版本不匹配的问题怎么解决
最新发布
06-12
### 解决 Vue-loader 和 Vue-template-compiler 版本不匹配的问题 Vue-loader 和 Vue-template-compiler 的版本不匹配会导致项目构建失败或运行时错误。以下是解决该问题的详细方法： #### 1. 检查当前版本 首先，检查项目中 Vue、Vue-loader 和 Vue-template-compiler 的版本是否一致。可以通过以下命令查看： ```bash npm list vue vue-loader vue-template-compiler ``` 如果版本不一致，可能会出现类似以下的错误信息： - `Vue packages version mismatch`[^3]。 #### 2. 确保版本匹配 Vue-loader 和 Vue-template-compiler 的版本需要与 Vue 的版本保持一致。例如： - 如果使用的是 Vue 2.x，则需要确保 Vue-template-compiler 的版本为 2.x。 - 如果使用的是 Vue 3.x，则需要使用 Vue 3.x 兼容的工具链（如 Vue-loader 16+）[^4]。 #### 3. 卸载并重新安装依赖 如果版本不匹配，可以卸载旧版本并重新安装正确的版本。例如： - 卸载 Vue-template-compiler： ```bash npm uninstall vue-template-compiler ``` - 安装与 Vue 版本匹配的 Vue-template-compiler： ```bash npm install vue-template-compiler@2.6.14 --save-dev ``` 对于 Vue-loader，也需要确保其版本与 Vue-template-compiler 匹配。例如： - 如果使用 Vue 2.x，推荐使用 Vue-loader 15.x： ```bash npm install vue-loader@15 --save-dev ``` #### 4. 修改 `package.json` 在 `package.json` 文件中明确指定版本号以避免未来的版本冲突。例如： ```json "devDependencies": { "vue-loader": "^15.9.8", "vue-template-compiler": "^2.6.14" } ``` 然后重新安装依赖： ```bash npm install ``` #### 5. 清理缓存并重建项目 在修改依赖后，清理 npm 缓存和项目构建缓存以确保更改生效： ```bash npm cache clean --force rm -rf node_modules package-lock.json npm install ``` #### 6. 验证修复效果 启动项目并验证问题是否解决： ```bash npm start ``` 如果仍然存在问题，请检查是否有其他依赖间接引入了不兼容的版本，并使用 `npm ls` 命令定位冲突来源。 --- ###
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值