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

安装vue-loader运行时报错
安装vue-loader因版本过高报错问题的解决方法记录_第1张图片
这个错误是指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在这里插入图片描述按理说这样就可以了,但是我运行后发现又产生了一个错误
安装vue-loader因版本过高报错问题的解决方法记录_第2张图片
所以我决定使用另一种方法

补充:

我发现了产生上面问题的原因
安装vue-loader因版本过高报错问题的解决方法记录_第3张图片组件中的data忘记写return了。

方法二:

在webpack.config.js文件中配置以下

const VueLoaderPlugin = require('vue-loader/lib/plugin');
plugins: [
    new VueLoaderPlugin()
]

安装vue-loader因版本过高报错问题的解决方法记录_第4张图片再次运行,欧克!

你可能感兴趣的:(vue,vue.js,webpack)