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 发布
阅读量925 收藏
点赞数
分类专栏： 小吴的前端分享 文章标签： 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
Webpack 配置Vue的环境的几个错误
CloudWaves的博客
07-08 341
有几个个常见的错误。 第一个是 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. 很明显我们用的编译器不太对，所以需要修改一下
手把手带你撸一遍vue-loader源码
vv_bug
07-31 3250
前言 前面写过两篇webpack实战的文章： webpack实战之（手把手教你从0开始搭建一个vue项目） 手把手教你从0开始搭建一个vue项目（完结） 强烈建议小伙伴们去看一下前面几个章节的内容， 这一节我们研究一下vue-loader。 介绍 Vue Loader 是什么？ Vue Loader 是一个 webpack 的 loader，它允许你以一种名为单文件组件 (SFCs)的格式撰写 Vue 组件： <template> <div class="example">
[vue-loader] vue-template-compiler must be installed as a peer dependency, or a compatible compiler
mmiaoChong的博客
11-05 737
在使用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 1102
vue-template-compiler must be installed as a peer dependency, or a compatible compiler implementation must be passed via options
Error: [vue-loader] vue-template-compiler must be installed as a peer dependency, or a compatible co
阿小绿的博客
06-24 2438
报错的大概意思就是：你当前的 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-compiler must be installed as a peer dependency, or a compatible compiler implementatio
qq_39882537的博客
03-27 7819
升级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...
npm install报错peerDependencies WARNING eslint-plugin-vue@^5.2.3 requires a peer of eslint@^5.0.0 but
01-07
peerDependencies WARNING eslint-plugin-vue@^5.2.3 requires a peer of eslint@^5.0.0 but eslint@6.8.0 was installed peerDependencies WARNING eslint-plugin-vue@5.2.3 › vue-eslint-parser@^5.0.0 requires ...
vue-loader 源码分析
qq_42535651的博客
10-19 1346
先简介一下 webapck 中 loader 中的工作原理。 webpack 是只识别 js 代码的。但是我们写的代码中有很多类型的文件，比如：.vue、.yaml、.json、.css、.tsx 等等这些后缀文件，这些文件都是不被 webpack 所识别的，因此需要在webapck 打包前进行“翻译”。loader 的作用就是“翻译”的作用，将非 js 文件进行转义成 js 代码，然后 webpack 才会识别。 废话不多说，下面进入正题。 下载 vue-loader 源码： yarn add vue-l
Vue基础技术|vue-loader+webpack项目配置
小酒屋
07-12 6780
项目初始化 首先需要创建一个空目录vue-demo，然后通过命令行进入该目录后，执行npm init指令来初始化为一个npm的项目，基本选项都可以选择默认值即可，初始化完成后会在当前目录下生成一个package.json文件，该文件是项目的配置文件。 ➜ ~ cd Documents/workspace/vue-demo ➜ vue-demo pwd /Users/a1/Document...
解决sass-loader和node-sass版本冲突问题（太难了）
web17886480312的博客
03-07 791
太难了，两天没有学习了，这个问题卡了很久，差点就放弃了，今天终于解决了，继续学习Vue！ 报错信息1： ERROR Failed to compile with 6 errors 7:45:21 PM error in ./src/components/advanceDemo/toastCom.vue?vue&type=styl
已解决 Bug: Error: [vue-loader] vue-template-compiler must be installed as a peer dependency, or a comp
从前端设计到后端实现，从云技术到人工智能，这里分享最新的技术见解和实践经验。一起学习，一起进步！
09-18 766
猫头虎博主来了！。我们将一起了解这个 Bug 的原因，解决方法，以及如何避免。希望大家能够从中受益，少走弯路。Vue 是一个强大且灵活的前端框架，但在使用过程中，我们仍然需要注意依赖关系和版本匹配的问题。希望通过这篇文章，大家可以更好地理解和解决这个特定的 Bug，提高开发效率。
[vue-loader] vue-template-compiler must be installed as a peer dependency, or a compatible compil
songshuguowang的专栏
12-16 3221
解决： 查看package.json 核对"vue","vue-template-compiler"版本 改为一致的，删除原来的node_modules下的"vue","vue-template-compiler" 重新install 再build就好了。。。 这种情况下，npm run dev 并无问题 ...
vue-template-compiler must be installed as a peer dependency
weixin_45014243的博客
06-10 1285
[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 849
大家好，我是猫头虎，一名专注于前端领域的技术博主。今天我们要探讨的问题是关于 Vue.js 开发中常见的一个编译错误：“vue-template-compiler must be installed as a peer dependency”。在这篇博文中，我们将深入挖掘这个问题的根源，并提供一系列的解决方案。不仅如此，我们还会探讨如何预防此类错误，并通过代码示例来加深理解。🌟📚问题原因解决方法预防措施vue-template-compiler 缺失或版本不匹配版本不兼容或缺少依赖。
猫头虎分享已解决Bug || Error: [vue-loader] vue-template-compiler must be installed as a peer dependency, or
从前端设计到后端实现，从云技术到人工智能，这里分享最新的技术见解和实践经验。一起学习，一起进步！
02-08 656
嗨，前端朋友们，猫头虎博主又来啦！🐾 今天我们要一起探讨一个在使用Vue.js时经常遇到的问题：“Error: [vue-loader] vue-template-compiler must be installed as a peer dependency, or a compatible compiler implementation must be passed via options”。这个错误可能会在你使用webpack打包Vue应用时出现。
webpack 、vue-loader、vue-template-compiler报错
Charlotte的博客
06-20 526
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 468
webpack—安装vue-loader vue-template-compiler失败 安装vue-loader，vue-template-compiler时报错,如图，希望会的大佬解答一下
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执行 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.js组件实现拖放功能：vue-drag-it-dude
资源摘要信息:"vue-drag-it-dude 是一个 Vue2 组件，它允许用户将对象拖放到指定的位置。该组件的主要功能是实现拖放功能，允许开发者轻松地将 DOM 元素拖放到父元素中，或者在没有明确指定父元素大小的情况下拖放到...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值