#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 теперь подается предварительно скомпилированным, поэтому загрузчики не требуются. Для опции шаблонов рекомендуется использовать слоты с ограниченной областью действия, которые также не требуют каких-либо специальных настроек.