Webpack 模块生成失败:语法错误:babel插件转换vue jsx的意外标记
更新:现在是预编译的,因此不需要加载程序。对于模板选项,建议使用作用域插槽,这也不需要任何特殊设置 我正在尝试迁移到Vue 2,为此,我需要使用Vue-tables-2组件。我正在使用Laravel Elixir和网页包来编译我的Vue项目。我按照说明安装了babel插件transform vue jsx及其依赖项,并在与主脚本相同的级别创建了.babelrc。将显示以下错误: 错误:./~/vue-tables-2/lib/template.jsx 模块生成失败:语法错误:意外令牌(15:7)Webpack 模块生成失败:语法错误:babel插件转换vue jsx的意外标记,webpack,vue.js,jsx,laravel-elixir,vue-tables-2,Webpack,Vue.js,Jsx,Laravel Elixir,Vue Tables 2,更新:现在是预编译的,因此不需要加载程序。对于模板选项,建议使用作用域插槽,这也不需要任何特殊设置 我正在尝试迁移到Vue 2,为此,我需要使用Vue-tables-2组件。我正在使用Laravel Elixir和网页包来编译我的Vue项目。我按照说明安装了babel插件transform vue jsx及其依赖项,并在与主脚本相同的级别创建了.babelrc。将显示以下错误: 错误:./~/vue-tables-2/lib/template.jsx 模块生成失败:语法错误:意外令牌(15:7)
对应的角色是面对同样的问题,只需将网页包配置放在
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');
});
vue-tables-2现在是预编译的,因此不需要加载程序。对于模板选项,建议使用作用域插槽,这也不需要任何特殊设置。
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');
});