У меня есть проект Nuxt, который до сегодняшнего дня работал нормально.
В этом проекте я использую Vue Flickity, который содержит ссылку на CSS-файл Flickity в node_modules.До сих пор это работало нормально и, похоже, это корень проблемы.
Когда я запускаю npm run dev, я получаю следующую ошибку:
ОШИБКА в ./node_modules/flickity / dist / flickity.css? vue & type = style & index = 0 & lang = css & friendly-errors 16: 00: 12
Синтаксическая ошибка: ModuleBuildError: Сбой сборки модуля (из ./node_modules/postcss-loader/src/index.js): friendly-errors 16:00:12 SyntaxError
(141: 7) Неизвестное слово
139 |140 |if (module.hot) {
141 |// 1548777611244 |^ 142 |var cssReload = require ("../../ extract-css-chunks-webpack-plugin / dist / hotModuleReplacement.js") (module.id, {"fileMap": "{fileName}", "reloadAll": true});143 |
module.hot.dispose (cssReload);> friendly-errors 16:00:12 @ ./node_modules/flickity/dist/flickity.css?vue&type=style&index=0&lang=css& 1: 0-576 1: 592-595 1: 597-1170 1: 597-1170 @./node_modules/vue-flickity/src/flickity.vue @ ./plugins/vue-flickity.js @ ./.nuxt/index.js @ ./.nuxt/client.js @ multi eventsource-polyfill webpack-hot-промежуточное программное обеспечение / клиент? reload = true & timeout = 30000 & ansiColors = & overlayStyles = & name = client & path = / __ webpack_hmr / client ./.nuxt/client.js
снимок экрана:
Я использовал cli для создания проекта и поэтому даже не коснулся какой-либо конфигурации Webpack.
Vue Flickity вызывается через плагин (как рекомендуетсяпуть в Nuxt) с SSR, установленным в false.Опять же, однако, так было всегда и раньше работало нормально.
Я не могу понять, почему это происходит.Любая помощь или указатели будут с благодарностью.