Error: [vue-loader] vue-template-compiler must be installed as a peer dependency, or a compatible...

最新推荐文章于 2024-02-24 17:07:29 发布
最新推荐文章于 2024-02-24 17:07:29 发布
阅读量898 收藏
点赞数
分类专栏： 小吴的前端分享 文章标签： vue.js webpack javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42337801/article/details/121989150
版权

这两天学习webpack，安装vue搞出一个一个错误：查资料解决后记录一下，奉上参考地址，在这记录一下，防止遗忘

https://blog.csdn.net/qq_42899245/article/details/118189209

Error: [vue-loader] vue-template-compiler must be installed as a peer dependency, or a compatible compiler implementation must be passed via options.
把node_modules 删除之后，输入以下命令(一定这个顺序)：

1 npm install vue-template-compiler -D

2 npm install

3 npm run build
可爱的橙子大爷
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Webpack 配置Vue的环境的几个错误
CloudWaves的博客
07-08 304
有几个个常见的错误。 第一个是 webpack打包后网页没有正常显示，console中提示错误 You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build. 很明显我们用的编译器不太对，所以需要修改一下
http-vue-loader：从您的htmljs加载.vue文件
02-03
http-vue-loader 直接从html / js加载.vue文件。 没有node.js环境，没有构建步骤。 例子 my-component.vue < template> < div xss=removed>Hello {{who}} </ template> < script > module . exports = { ...
[vue-loader] vue-template-compiler must be installed as a peer dependency, or a compatible compiler
mmiaoChong的博客
11-05 709
在使用webpack5打包vue的时候报错（[vue-loader] vue-template-compiler must be installed as a peer dependency, or a compatible compiler implementation must be passed via options.） 在网上查阅Webpack 默认只会解析[’.js’, ‘.json’, ‘.wasm’]这三种格式的文件，如果想识别vue需要使用extensions module.exports
vue-template-compiler must be installed as a peer dependency...
zhangxiaodui的博客
03-20 982
vue-template-compiler must be installed as a peer dependency, or a compatible compiler implementation must be passed via options
[vue-loader] vue-template-compiler must be installed as a peer dependency, or a compatible compil
songshuguowang的专栏
12-16 3206
解决： 查看package.json 核对"vue","vue-template-compiler"版本 改为一致的，删除原来的node_modules下的"vue","vue-template-compiler" 重新install 再build就好了。。。 这种情况下，npm run dev 并无问题 ...
Error: [vue-loader] vue-template-compiler must be installed as a peer dependency, or a compatible co
阿小绿的博客
06-24 2353
报错的大概意思就是：你当前的 vue版本和vue-template-complier版本不匹配，八字不合！ vue 启动时，出现以下错误： Error: [vue-loader] vue-template-compiler must be installed as a peer dependency, or a compatible compiler implementation must be passed via options. 把node_modules 删除之后，输入以下命令(一定这个顺序)：.
vue-template-loader：用于Webpack的Vue.js 2.0模板加载器
02-06
产品特点将html模板转换为渲染函数支持作用域CSS和CSS模块（类似于vue-loader） HMR对模板的支持装饰器语法支持（可以与或其他类样式组件一起使用）Webpack配置加载HTML模板将vue-template-loader作为加载程序添加到...
vue-admin-template-4.4.0.zip
03-01
在"vue-admin-template-4.4.0.zip"这个压缩包中，我们主要可以探索以下几个关键知识点： 1. **Vue.js**：Vue.js的核心特性包括组件化、虚拟DOM、响应式数据绑定和指令系统。它允许开发者通过声明式语法创建用户界面...
vue-qr：Awesome-qr.js的Vue 2.x组件
02-06
vue-qr 的Vue 2.x组件 您只需要Vue.js的一个qr代码组件！ 注意 不支持IE不支持IE浏览器 样例 尝试使用智能手机扫描以下这些QR码。 例子1 例子2 例子3 例子4 演示版 运行npm run dev或yarn dev npm run dev或...
vue-websocket：Vue.js的简单websocket（socket.io）插件
02-06
npm $ npm install -S vue-websocket手册下载生产文件。 该链接是在该项目的dist目录中找到的同一文件的镜像。用法注册插件。 默认情况下，它将连接到/ ： import VueWebsocket from "vue-websocket" ;Vue . use ( ...
vue-template-compiler must be installed as a peer dependency, or a compatible compiler implementatio
qq_39882537的博客
03-27 7755
升级webpack3 ->4 导致的报错 Module Error (from ./node_modules/vue-loader/lib/index.js): [vue-loader] vue-template-compiler must be installed as a peer dependency, or a compatible compiler implementation m...
已解决 Bug: Error: [vue-loader] vue-template-compiler must be installed as a peer dependency, or a comp
从前端设计到后端实现，从云技术到人工智能，这里分享最新的技术见解和实践经验。一起学习，一起进步！
09-18 668
猫头虎博主来了！。我们将一起了解这个 Bug 的原因，解决方法，以及如何避免。希望大家能够从中受益，少走弯路。Vue 是一个强大且灵活的前端框架，但在使用过程中，我们仍然需要注意依赖关系和版本匹配的问题。希望通过这篇文章，大家可以更好地理解和解决这个特定的 Bug，提高开发效率。
vue-template-compiler must be installed as a peer dependency
weixin_45014243的博客
06-10 1255
[vue-loader] vue-template-compiler must be installed as a peer dependency, or a compatible compil… 解决： 查看package.json 发现"vue": “^2.5.2”,，“vue-template-compiler”: “^2.5.17”, 暗暗自喜，找到问题了，果断cnpm install vue-template-compiler@2.5.2 --save-dev，很简单嘛。 再npm run dev
猫头虎分享已解决Bug || Error: [vue-loader] vue-template-compiler must be installed as a peer dependency ‍
最新发布
从前端设计到后端实现，从云技术到人工智能，这里分享最新的技术见解和实践经验。一起学习，一起进步！
02-24 811
大家好，我是猫头虎，一名专注于前端领域的技术博主。今天我们要探讨的问题是关于 Vue.js 开发中常见的一个编译错误：“vue-template-compiler must be installed as a peer dependency”。在这篇博文中，我们将深入挖掘这个问题的根源，并提供一系列的解决方案。不仅如此，我们还会探讨如何预防此类错误，并通过代码示例来加深理解。🌟📚问题原因解决方法预防措施vue-template-compiler 缺失或版本不匹配版本不兼容或缺少依赖。
webpack 、vue-loader、vue-template-compiler报错
Charlotte的博客
06-20 492
webpack打包报错 webpack 、vue-loader、vue-template-compiler报错 报错信息：ERROR in ./src/vue/App.vue Module build failed (from ./node_modules/vue-loader/index.js): TypeError: Cannot read property ‘vue’ of undefined at Object.module.exports (C:\Users\zyy\Desktop\code\
webpack---安装vue-loader vue-template-compiler失败
qq_44765926的博客
05-05 452
webpack—安装vue-loader vue-template-compiler失败 安装vue-loader，vue-template-compiler时报错,如图，希望会的大佬解答一下
vue和vue-loader和vue-template-compiler版本问题
liu5282828的博客
11-04 9970
因为跟着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执行 vue ui报错 vue和vue-template-compiler版本不匹配
热门推荐
hanzl1的博客
01-31 1万+
为了用页面创建项目执行 //卸载vue 客户端 npm uninstall vue-cli -g //安装vue客户端最新 npm install -g @vue/cli 执行vue ui报错 � Starting GUI... ERROR Error: Vue packages version mismatch: - vue@2.6.10 (E:\nodejs\node_glo...
VUe安装的时候遇到的二个报错。vue@2.2.2 vue-template-compiler@2.3.4 npm 2.15.1 should be =>3.0.0
肖肖肖丽珠的博客
07-01 3228
这是因为vue和vue-template-compliler的版本不一致。你再下载一个新的vue@2.3.4，是他们两个版本一样就可以啦。 在命令提示行里输入：cnpm i vue@2.3.4
Failed to resolve loader: vue-loader You may need to install it.
10-17
这个错误提示是在使用 Vue.js 时出现的，可能是因为缺少 vue-loader 这个 loader。你可以通过以下命令安装它： ``` npm install vue-loader --save-dev ``` 安装完成后，你需要在 webpack 配置文件中添加 vue-loader 的配置，例如： ```javascript module.exports = { // ... module: { rules: [ // ... { test: /\.vue$/, loader: 'vue-loader' } ] } } ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值