2019-06-01(转)webpack vue-loader was used without the corresponding plugin. Make sure to include V...

npm run dev

报以下错误:
webpack vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin
解决方案(官方):

现在你需要一个插件

Vue Loader v15 现在需要配合一个 webpack 插件才能正确使用：

// webpack.config.js
const VueLoaderPlugin = require('vue-loader/lib/plugin')

module.exports = {
  //  
  plugins: [
    new VueLoaderPlugin()
  ]
}

---

作者：付出总会有收获
来源：CSDN
原文：https://blog.csdn.net/qq_25835645/article/details/83473078
版权声明：本文为博主原创文章，转载请附上博文链接！

---

如果出现“can't resolve vue ”的话，就重新安装
npm i vue vue-loader vue-template-compiler -D
即可完美解决

---

// 总结梳理： webpack 中如何使用 vue :
// 1. 安装vue的包： cnpm i vue -S
// 2. 由于 在 webpack 中，推荐使用 .vue 这个组件模板文件定义组件，所以，需要安装 能解析这种文件的 loader cnpm i vue vue-loader vue-template-complier -D
// 3. 在 main.js 中，导入 vue 模块 import Vue from 'vue'
// 4. 定义一个 .vue 结尾的组件，其中，组件有三部分组成： template script style
// 5. 使用 import login from './login.vue' 导入这个组件
// 6. 创建 vm 的实例 var vm = new Vue({ el: '#app', render: c => c(login) })
// 7. 在页面中创建一个 id 为 app 的 div 元素，作为我们 vm 实例要控制的区域；
// 8.在webpack.config.js的module中的rules新增{test:/.vue/,use:'vue-loader'}
// 9.在plugins中，var vueLoaderPlugin = require("vue-loader/lib/plugin")，并且在pugins中创建new vueLoaderPlugin(),