Ошибка после преобразования create-реагировать на приложение в Гэтсби. WEBPACK: запросы браузера должны быть массивом или строкой. Получил объект - PullRequest
2 голосов
/ 12 января 2020

Я конвертирую свое приложение create-Reaction-app в Гэтсби. Для этого я взял свой существующий проект и npm установил gatsby, установил gatsby-cli, а затем скопировал изменения в структуре проекта с бесплатного сайта sh Gatsby. Затем я переместил свое приложение. js в src / pages / index. js. В итоге я удалил gatsby-config. js Я скопировал с сайта, созданного gatsby new, потому что я не знал, как установить плагин gatsby-plugin-react-helmet. Я не знаю, нужны ли плагины, указанные gatsby-config. js, чтобы сайт работал.

В этом проекте реализован круговой индикатор выполнения, использующий реагирующий круговой индикатор выполнения. При попытке создать приложение с использованием gatsby build я получаю эту ошибку:


Unknown error from PostCSS plugin. Your current PostCSS version is 6.0.23, but autoprefixer uses 7.0.26. Perhaps this is the source of the error below.


 ERROR #98123  WEBPACK

Generating development JavaScript bundle failed

Browser queries must be an array or string. Got object.

File: node_modules/react-circular-progressbar/dist/styles.css

Я обновил сообщение CSS до 7.0.26, используя npm i postcss, но он по-прежнему говорит, что я на старой версии ,

Вы можете увидеть эту ошибку, если зацените эту ссылку . Я не уверен, что запрос браузера, но я проверил стили. css файл, на который ссылается ошибка, и единственное, что я вижу, это стили классов, а затем этот браузер задает c стиль: -webkit-transition: stroke-dashoffset 0.5s ease 0s; Удаление этого линия не решает проблему.

1 Ответ

3 голосов
/ 13 января 2020

gatsby-config.js является одним из основных файлов конфигурации Gatsby . Любая отладка без добавления этого файла обязательно будет безнадежной.

Скопируйте пустой gatsby-config.js из официальной документации и добавьте плагин Post CSS, как описано в документация . Rerun npm или пряжа. Запустите gatsby clean, а затем gatsby develop.

Скорее всего, ошибка вызвана отсутствием исходного или конфигурационного файла, который плагин POST CSS должен предоставить и легко устранить.

сайт сейчас работает?

...