安装vue-loader因版本过高(14版本以上)报错问题的解决方法记录

最新推荐文章于 2024-09-13 22:20:49 发布
最新推荐文章于 2024-09-13 22:20:49 发布
阅读量3.9k 收藏 4
点赞数 2
分类专栏： webpack Vue 文章标签： webpack
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Lihai__/article/details/116739572
版权

这个错误是指vue-loader在14版本以上，需要安装另外的插件。

方法一

进入package.json文件中，找到vue-loader的版本
将它改为^13.0.0指会自动匹配13.x.x中的最新版本，但是不会匹配到14.0.0
和^(插入符号)一对还有一个符号~(波浪符号)
~13.3.0指会匹配更新到13.3.x的最新版本，但不会更新到13.4.0
在这里插入图片描述

然后npm install，重新安装后，再次执行打包命令即可，不会出现报错

方法二

在webpack.config.js文件中加入以下配置
在这里插入图片描述

const VueLoaderPlugin = require('vue-loader/lib/plugin');

  plugins: [
    new VueLoaderPlugin()
  ]
Lihai__
关注
专栏目录
手把手带你撸一遍vue-loader源码
vv_bug
07-31 3253
前言 前面写过两篇webpack实战的文章： webpack实战之（手把手教你从0开始搭建一个vue项目） 手把手教你从0开始搭建一个vue项目（完结） 强烈建议小伙伴们去看一下前面几个章节的内容， 这一节我们研究一下vue-loader。 介绍 Vue Loader 是什么？ Vue Loader 是一个 webpack 的 loader，它允许你以一种名为单文件组件 (SFCs)的格式撰写 Vue 组件： <template> <div class="example">
webpack配置报错vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPl
weixin_44250594的博客
06-04 651
webpack配置vue遇到vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin in your webpack config.vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin in your webpack config. vue-loader wa
安装vue-loader因版本过高报错问题的解决方法记录
热门推荐
asfcyg的博客
04-28 1万+
安装vue-loader运行时报错 这个错误是指vue-loader在14版本以上，需要安装另外的插件。 这个错误有两个解决方法 方法一： 进入package.json文件中，找到vue-loader的版本 将它改为^13.0.0指会自动匹配13.x.x中的最新版本，但是不会匹配到14.0.0 和^(插入符号)一对还有一个符号~(波浪符号) ~13.3.0指会匹配更新到13.3.x的最新版本，但...
vue-loader 高版本不兼容 require文件引入
素钗一生推
03-04 2454
在移动代码到其他机上，重新安装依赖的时候，基于mint ui的页面，带有Indicator的界面，在触发了Indicator.open()方法之后发现页面只生成了一个div,没有其他spinner等内容，调试的时候发现是直接使用cnpm i命令安装依赖，按package.json，安装的都是高版本，导致mint ui组件当中，require进来的组件资源，无法解析，导致Indicator呈现出...
Vue Loader 安装和配置指南
最新发布
gitblog_09175的博客
09-13 506
Vue Loader 安装和配置指南 vue-loader ???? Webpack loader for Vue.js components 项目地址: https://gitcode.com/gh_mirrors/vu/vue-lo...
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 less-loader版本过高
qq_42789677的博客
01-04 1146
打开vscode 按住ctrl键 + ~ 键 打开调试终端 卸载当前less-loader以及less(不卸载less的情况下，无法安装指定版本号的less-loader，具体原因不详)。依次执行下述命令。 cnpm uninstall less-loader cnpm uninstall less cnpm install less-loader@6.1.0 cnpm install less 完成后在仪表盘依赖中看不到，但是已经安装完成，具体原因也不懂 ...
webpack中loader版本过高
jj2320711457的博客
03-12 503
使用webpack打包报错 npm run bulid 最后发现是css-loader和style-loader版本过高，降低版本之后即可成功打包
Vue第六天学习（file-loader babel webpack深入学习等...）
周琛的点滴记录~
04-18 2994
Vue第六天学习 file-loader（解决webpack打包图片路径问题，字体路径问题） webpack中 babel 的配置（处理高级的es6语法或者es7语法） Vue中的render 函数 在 webpack 构建的项目中，使用Vue 进行开发 export default 和 export 的使用方式 结合webpack使用 vue-router 组件中style标签lang属性和s...
vue-cli2.0和vue-cli3.0前后版本切换办法以及两个版本同时存在
qq_40663855的博客
03-12 5004
系列文章目录 上一篇 node.js 安装完成之后，有需要要切换vue-cli2.0和vue-cli3.0前后版本，在此记录两个版本同时处理使用的方法。 上一篇：Node.js图文安装教程以及环境配置 文章目录系列文章目录一、vue-cli脚手架3.0前后版本切换办法1）、3.0 以下 ==> 3.0 以上2）、3.0 以上 ==> 3.0 以下二、两种版本同时存在1）、找一个地方新建2）、进入cli2 文件夹下 打开cmd3）、修改cmd命令名称4）、配置环境变量 一、vue-cli脚手
vue-admin-template4使用记录及项目遇到问题的解决方案
weixin_45915243的博客
01-18 1156
一，安装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.
vue2.6.11 vue-loader依赖版本
weixin_49409651的博客
03-18 2254
【代码】vue2.6.11 vue-loader依赖版本。
解决install sass-loader 引入 ，版本过高问题
fxm_fxm123456的博客
09-09 510
项目场景： uni-app中 引入sass-loader 问题 问题描述： uni-app中 引入sass-loader 问题 Module build failed: TypeError: this.getResolve is not a function 原因分析： 引入的sass-loader 版本过高 解决方案： npm install node-sass --save-dev //安装node-sass npm install sass-load......
vue-loader和vue-template-compiler版本不一致问题
芳草萋萋鹦鹉洲哦
05-28 756
【代码】vue-loader和vue-template-compiler版本不一致问题。
Vue-loader 14 ----迁移 Vue-loader 15
weixin_45026839的博客
08-06 518
安装指令 cnpm install vue-loader@15.4.2 vue-template-compiler@2.5.21 --save-dev vue官网–（导航栏）生态系统–工具–vue loader–（导航栏）–如何从V14迁移–Vue Loader v15 Vue Loader v15 现在需要配合一个 webpack 插件才能正确使用： 按照图片提示分别添加 const VueLoaderPlugin = require('vue-loader/lib/plugin') 和 ..
vue-loade和vue的版本问题，webpack5
weixin_43466258的博客
05-17 1764
npm add -D vue-template-compiler@2.6.14 vue-loader@15.9.8 const { VueLoaderPlugin } = require("vue-loader"); // vue加载器 // 使用node语法获得动态路径 const path = require("path"); module.exports = { // 入口 entry: "./src/main.js", // 出口 output: { path: path.r
vue-loader (v15)源码解析
YUZHONg_s的博客
04-23 308
vue-loader loader在webpack里是用来做编译的，这就可以理解vue-loader是帮助我们把我们写的vue组件编译成js文件(因为我们的浏览器是识别不了我们的vue组件的) vue-loader的index.js vue-loader的index.js导出了一个函数,函数接收一个参数，这个参数就是要转换的文件的内容 JavaScript module.exports ...
vue-loader版本报错
Source
09-18 3954
vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin in your webpack config. 打包运行时如有报错 vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin in your webpack config. 说明vue-loader版
vue如何让vue-loader@13.X 降级到 vue-loader@12.X
奔跑的小猪仔
05-23 4543
3:去终端下载npm install（或cnpm install
npm 全局安装vuecli报错_安装vue-cli报错 -4058 的解决方法
06-08
您好，针对您的问题，我可以给出以下解决方法： 1. 尝试使用管理员权限运行命令行工具。在命令行工具上右键，选择“以管理员身份运行”。 2. 检查一下您的电脑上是否已经安装了 Node.js，如果没有安装，请先安装 Node.js。安装 Node.js 后再次尝试安装 vue-cli。 3. 尝试使用命令 `npm cache clean --force` 清除 npm 的缓存，然后再次尝试安装 vue-cli。 4. 如果上述方法都无法解决问题，可以尝试将 npm 的安装源切换到淘宝镜像，使用命令 `npm config set registry https://registry.npm.taobao.org` 进行切换，然后再次尝试安装 vue-cli。 希望以上方法能够对您有所帮助。如果您还有其他问题，请随时提出。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Lihai__

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值