出現(xiàn)了同樣的錯誤，根據(jù)https://vue-loader.vuejs.org/guide/提示，修改為如下內(nèi)容即可。

const path = require('path')

const { VueLoaderPlugin } = require('vue-loader')

module.exports = {

mode: 'development',

entry: './src/index.js',

output: {

path: path.resolve(__dirname, 'dist'),

filename: 'bundle.js'

},

module: {

rules: [

{

test: /\.vue$/,

loader: 'vue-loader'

},

// this will apply to both plain .js files

// AND <script> blocks in vue files

{

test: /\.js$/,

loader: 'babel-loader'

},

// this will apply to both plain .css files

// AND <style> blocks in vue files

{

test: /\.css$/,

use: [

'vue-style-loader',

'css-loader'

]

}

]

},

plugins: [

// make sure to include the plugin for the magic

new VueLoaderPlugin()

]

}

可能還會有錯誤，例如“ERROR in Entry module not found: Error: Can't resolve 'babel-loader' in 'C:\Users\hbs\own\project\vuetest'”之類的，安裝相應(yīng)包即可。