React - недопустимый тип элемента: ожидается строка (для встроенных компонентов) или класс / функция (для составных компонентов), но получено: object

Question

Я действительно на этом сообразил.Я пытаюсь создать и развернуть сайт Gatsby, и я получаю вышеуказанную ошибку после создания статических HTML-страниц.Все файлы CSS и JS создаются без проблем.

Я также получаю WebpackError с этим: WebpackError: Minified React error #130;, который можно найти здесь: # 130

Документы Гэтсби предполагают, что это #130 error происходит из-за смешивания вызовов import и require в одном и том же файле.Я прошел через весь каталог поиска что-то вроде этого, и я не могу найти где-нибудь, где это происходит.У меня, похоже, нет других проблем, которые также могут быть найдены в документации Гэтсби по поводу этой ошибки.

Кто-нибудь еще сталкивался с этой проблемой, и если так, каким было решение для вас?Я не уверен, как публиковать код, потому что я даже не знаю, в чем здесь проблема.Все компилируется и запускается локально, без проблем на сервере dev, поэтому я в тупике.Как код может компилироваться и отлично работать локально, но не создавать и развертывать?

Answer 1

Это было решено.Для любого, кто создает сайт с помощью Gatsby, проблема заключается в том, что у меня есть каталог /styles для моих стилизованных компонентов, расположенный в каталоге src/pages.

Это приводит к ошибке при сборке, поскольку Gatsby ожидает, что файлы JS внутрикаталог /src/pages, предназначенный только для экспорта компонентов React, которые, в свою очередь, представляют страницу веб-сайта.

Я переместил стили в /src и вуаля.Это вызвало ошибку, потому что стилизованные компоненты - это файлы JS, и, как упоминалось выше, Gatsby не ожидает ничего, кроме экспортированных компонентов React внутри /src/pages.