Блог

Главная - Вопросы по программированию - сбой синтаксического анализа css при производстве

сбой синтаксического анализа css при производстве

#css #reactjs #webpack

#css #reactjs #webpack

Вопрос:

Я создавал приложение react, используя интеграцию с webpack. В webpack.common.js файл,

в пути ввода я дал vendor.js и app.js и
это мой файл поставщика

 import 'react'
import 'react-dom'

// third party libraries
import 'jquery'
import 'popper.js'
import 'bootstrap'
import 'bootswatch/dist/sketchy/bootstrap.min.css'

при сборке для производства происходит сбой, и ошибка

JisonParserError: ошибка синтаксического анализа в строке 1: 255px 25px 225px …——^

Ожидая окончания ввода, «ADD», «SUB», «MUL», «DIV», получил неожиданную «ДЛИНУ» в C:reactjsreact-events-portalvendors ~ vendor.css:13:90472

Если я удалю css bootswatch, сборка будет работать нормально. путь к начальной загрузке правильный, но я не знаю, как он работает в режиме разработки, а не в prod build.

Пожалуйста, помогите

Ответ №1:

Посмотри на это https://github.com/facebook/create-react-app/issues/6004 Похоже, это ошибка bootswatch.

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

1. Да, Мацей. Вы правы. Когда я переключаюсь на другую тему bootswatch, у них не было аналогичного вида 225px 25px calc css в их теме. Спасибо 🙂

Ответ №2:

Это проблема с отрывочной темой в Botswatch. Они работают в нем. https://github.com/thomaspark/bootswatch/issues/878 . Ожидание новой версии. Кстати, если вы измените тему, это сработает.