你的test写的不太对

看图吧。

需要贴一下package.json里面webpack版本和vue-loader版本。

vue-loader版本过高了，语法结构不一样的，建议换低版本，或者如下面写法，亲测可用

const path = require("path")
const {VueLoaderPlugin } = require("vue-loader")

module.exports = {
    entry: path.join(__dirname,"src/index.js"),
    output: {
        filename: "bundle.js",
        path: path.join(__dirname,"dist")
    },
    module: {
        rules: [
            {
                test: /.vue$/,
                loader: 'vue-loader'
            },
            {
                test: /.css$/,
                loader: 'css-loader'
            }
        ]
    },
    plugins: [
        new VueLoaderPlugin()
    ]
}

请问这个问题解决了么？？怎么解决的？？

提示的意思是解析不了vue文件，需要在webpack.config.js中添加vue-loader来解析vue文件，然后，最新的vue-loader v15版本，必须加上面说的vue-loader的一个插件，去官网看。从官网上搬下来的，针对最新v15版本的vue-loader如下，然后运行，如果还报错，说识别不了#，可能是不能解析css，需要将css解析部分添上，我这样做，就可以正常build了

const VueLoaderPlugin = require('vue-loader/lib/plugin')
module.exports = {
  module: {
    rules: [
      // ... other rules
      {
        test: /\.vue$/,
        loader: 'vue-loader'
      }
    ]
  },
  plugins: [
    // make sure to include the plugin!
    new VueLoaderPlugin()
  ]
}

{        
    test: /\.css$/,        
    use:[          
        'style-loader',          
        'css-loader',        
    ]     
 },

你在webpack.config.js里加上 

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

然后在

plugins: [
    new VueLoaderPlugin(),
  
]

然后再跑跑看