模块构建失败:SyntaxError:带有babel-plugin-transform-vue-jsx的意外令牌

时间:2016-10-04 15:10:44

标签: webpack vue.js jsx laravel-elixir vue-tables-2

更新vue-tables-2现已提供预编译,因此不需要加载程序。对于模板选项,建议使用范围内的插槽,这也不需要任何特殊设置

我正在尝试迁移到Vue 2,为此我需要使用vue-tables-2组件。我正在使用Laravel Elixir和webpack来编译我的Vue项目。我按照说明安装了babel-plugin-transform-vue-jsx及其依赖项,并在与主脚本相同的级别创建.babelrc。显示以下错误:

错误:./~/ vue-tables-2 / lib / template.jsx 模块构建失败:SyntaxError:意外的令牌(15:7)

相应的字符是<

小精度,我将此行添加到webpack配置中:

{ test: /\.jsx?$/, loader: 'babel' }

你有什么建议吗?

由于

1 个答案:

答案 0 :(得分:0)

面对同样的问题,只需将webpack配置放在gulpfile.js

elixir((mix) => {
    Elixir.webpack.mergeConfig({
        module: {
            loaders: [{
                test: /\.jsx?$/,
                loader: 'babel',
                exclude: /node_modules(?!\/(vue-tables-2|vue-pagination-2))/
            }]
        }
    });

    mix.sass('app.scss')
       .webpack('app.js');
});