Vue出现This relative module was not found错误

Vue出现This relative module was not found错误

出现如下错误

vue-loader was used without the corresponding plugin. Make sure to include VueLoaderPlugin in your webpack config.

You may use special comments to disable some warnings.

这是因为vue-loader的版本是15以上需要加入VueLoaderPlugin，具体配置如下

在webpack.base.conf.js加入其中一些代码省略了，只看关键的位置就好。

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

let webpackConfig = {
  context: path.resolve(__dirname, '../'),
  entry: {
    app: './src/main.js'
  },
  output: [],
  resolve:[],
  plugins: {
    new VueLoaderPlugin()
  }
}
module.exports = webpackConfig

Module parse failed: Unexpected token (3:0)
You may need an appropriate loader to handle this file type.

首先查看 webpack.base.conf.js

将 loader: ‘vue-loader’ 改为 use: 'vue-loader’

重新npm run dev项目成功运行。