Ошибка сборки модуля: ошибка синтаксиса: неожиданный токен с babel-plugin-transform-vue-jsx

#webpack #vue.js #jsx #laravel-elixir #vue-tables-2

#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: ошибка синтаксиса: неожиданный токен (15:7)

Соответствующий символ <

Небольшая точность, я добавил эту строку в конфигурацию webpack:

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

У вас есть какие-либо советы?

Спасибо

Ответ №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');
});
  

Комментарии:

1. vue-tables-2 теперь подается предварительно скомпилированным, поэтому загрузчики не требуются. Для опции шаблонов рекомендуется использовать слоты с ограниченной областью действия, которые также не требуют каких-либо специальных настроек.