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

Question

UPDATE：vue-表-2现在已经被预编译，所以不需要加载器。对于模板选项，建议使用作用域槽，这也不需要任何特殊设置

我正在尝试迁移到Vue 2，为此，我需要使用vue-tables 2组件。我在用拉拉维尔·丹和webpack一起编写我的Vue项目。我按照指令安装了babel-plugin jsx及其依赖项，并在与主脚本相同的级别上创建了.babelrc。显示以下错误：

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

对应的字符是<

小精度，我把这一行添加到webpack的配置中：

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

你有什么建议吗？

谢谢

Answer 1

面对同样的问题，把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');
});