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.报错
原因
. 参考官方文档 https://vue-loader.vuejs.org/migrating.html#a-plugin-is-now-required 。
. Vue-loader在15.*之后的版本都是 vue-loader的使用都是需要伴生 VueLoaderPlugin的。
. 如果在package.json中的vue-loader的版本号在15.0.0以上,你需要在webpack.config.js中配置VueLoaderPlugin的相关依赖。或回滚vue-loader的版本号。
解决的具体方法
- 将package.json中的vue-loader的版本号修改为14版本
https://www.npmjs.com/package/vue-loader
可以此查看Vue-loader的相关版本号
vue-loader的14版本最高为14.2.2
"vue-loader": "^14.2.2",
或者通过npm安装vue-loader的14.2.2版本
npm install vue-leader@14.2.2
- 在webpack.config.js中进行相关的修改
//导入VueLoaderPlugin 文件
const VueLoaderPlugin = require('vue-loader/lib/plugin');
// 这个配置文件,起始就是一个js文件,通过node中的模块操作,向外暴露一个配置对象
module.exports = {
plugins: [ //配置插件的节点
//new一个VueLoaderPlugin
new VueLoaderPlugin(),
],
}