[Vue，webpack]报错解决

错误如下：

（Module parse failed: Unexpected token (1:0) You may need an appropriate loader）

webpack默认是不能处理vue文件，所以只能我们自己添加一些额外的插件进行处理它。

解决方式：
第一步：安装插件

cnpm i vue-loader vue-template-compiler --save-dev

第二步：在webpack.config.js添加如下配置：

 module: {
        rules: [
            {
                test: /\.vue$/,
              use: {
                 loader: 'vue-loader'
              }
           },
        ]
    }

然后重新运行，如果还报错可能是vue-loader 版本的原因，你的版本太高了。

我们又两种方式来解决这个问题：

方式一：减低vue-loader 的版本

将vue-loader 的版本减低问14.0.0 以下。

cnpm i loader@13.0.0"">vue-loader@13.0.0 –save-dev

方式二：额外的在 webpack.config.js 添加一些配置。

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

module.exports  = {
    plugins: [   
        new VueLoaderPlugin()
    ],
    module: {
        rules: [
            {
                test: /\.vue$/,
              use: {
                 loader: 'vue-loader'
              }
           },
        ]
    }
};

版权声明：本文为CSDN博主「阿清呀.」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：blog.csdn.net/wzg0817/article/deta...

本作品采用《CC 协议》，转载必须注明作者和本文链接