Syntaxerror: неожиданный экспорт токена при использовании lodash с nuxt

Вот мое репо с живым демо https://github.com/alechance/nuxt-lodash. Я использую Nuxt с Vuetify + lodash-es, при запуске npm run dev и перезагрузке страницы у меня есть SyntaxError: Unexpected token export с export default isArray;

5
0
3 392
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Импортированные файлы библиотеки lodash-es не переносятся babel. Чтобы исправить это, Nuxt.js предоставляет возможность вручную указать файлы, которые должны быть перенесены с помощью параметра транспилировать.

Добавьте следующий код в раздел buildnuxt.config.js:

build: {
  transpile: [
    'lodash-es'
  ],
  // Other build options
}

Спасибо, работает. Однако я хотел протестировать Vuetify a la carte с babel-plugin-transform-imports, но по-прежнему получал эту ошибку. Я только что обновил репо в github github.com/alechance/nuxt-lodash, не понимаю в чем проблема ...

Alec Hance 31.10.2018 14:33
babel-plugin-transform-imports перезаписывает конфигурацию transpile. Если вы хотите встряхнуть дерево, вы можете использовать последнюю версию nuxt с официальной рекомендацией vuetify для а ля карт. Или используйте vuetify-loader, который автоматически объединяет и разделяет компоненты. Или даже используйте babel-plugin-lodash, как еще один вариант.
aBiscuit 31.10.2018 15:01

Хорошо, хорошо, я попробовал что-то еще здесь. github.com/alechance/nuxt-vuetify-lodash, lodash и vuetify, похоже, работают, но похоже, что мое приложение загружает все компоненты vuetify. Затем я попытался перезаписать стили vuetify с помощью моего собственного CSS, vuetify всегда идет после моих стилей. Есть идеи, почему? Спасибо!

Alec Hance 31.10.2018 16:02

Рад, что это работает. Это выходит за рамки текущего вопроса, но, судя по личному опыту, полнофункциональные библиотеки пользовательского интерфейса обычно не ожидают перезаписи своих стилей. Общая стоимость такой перезаписи, в конечном итоге, выше, чем самостоятельное воссоздание необходимого компонента. Это личный опыт, а не тенденция.

aBiscuit 31.10.2018 16:14

Да, я понимаю, я просто хочу изменить несколько свойств CSS и не хочу писать !important в своих стилях. Похоже, мой CSS отображается в моем <head> раньше, чем CSS из vueitfy. Вы знаете, как я могу изменить порядок в моем <head>, чтобы мои стили были после vuetify CSS? Я знаю, что это выходит за рамки моего первоначального вопроса ...

Alec Hance 31.10.2018 16:21

Другие вопросы по теме