React - Тип элемента недействителен: ожидается строка (для встроенных компонентов) или класс / функция (для составных компонентов), но получено: объект
Я действительно сошел с ума от этого. Я пытаюсь создать и развернуть сайт Gatsby, и после попытки создания статических HTML-страниц получаю указанную выше ошибку. Файлы CSS и JS создаются без проблем.
Я также получаю WebpackError с этим: WebpackError: Minified React error #130;, который можно найти здесь: # 130
Документы Гэтсби предполагает, что этот #130 error вызван смешиванием вызовов import и require в одном файле. Я весь свой каталог искал что-то подобное, и я не могу найти нигде, где это происходит. Похоже, у меня нет других проблем, которые документы Gatsby также предлагают для этой ошибки.
Кто-нибудь еще сталкивался с этой проблемой, и если да, то каково было решение для вас? Я не уверен, как опубликовать код, потому что я даже не знаю, в чем проблема. Все компилируется и запускается локально без проблем на сервере разработки, поэтому я в тупике. Как код может компилироваться и безупречно работать локально, но не компилировать и развертывать?
Я даже не знаю, какой код выделить и поделиться. Об ошибках не говорят. В этом проекте, вероятно, 25+ файлов .js.
Это может быть вызвано не только смешиванием import и require, но и тем, что компонент забыли экспортировать, или даже неправильно импортировал библиотеку, например import { Foo } from "foo"; вместо import Foo from "foo";, или даже опечатку в синтаксисе импорта! Итак, вам нужно еще немного покопаться в компонентах.
Если вы запустите gatsby develop и посетите каждую из своих страниц, вы почти наверняка столкнетесь с ошибкой и выделите проблемный компонент.
@coreyward спасибо за это. Я так отчаянно пытался разобраться в этом, что даже не подумал запустить эту команду.
Ответы 1
Это было решено. Для любого, кто создает сайт с помощью Gatsby, проблема в том, что у меня был каталог /styles для моих стилизованных компонентов, расположенный в каталоге src/pages.
Это вызывает ошибку при сборке, потому что Гэтсби ожидает, что файлы JS внутри каталога /src/pages будут экспортированы только компонентами React, которые, в свою очередь, представляют собой страницу веб-сайта.
Я переместил стили в /src и вуаля. Это вызвало ошибку, поскольку стилизованные компоненты представляют собой файлы JS, и, как упоминалось выше, Гэтсби не ожидает ничего, кроме экспортированных компонентов React внутри /src/pages.
Это безумие. Полдня копался в этом! Спасибо за решение.
@Parth рад, что я мог быть здесь чем-то полезен. Это был клавишный фейерверк.
Чтобы мы могли помочь, вам необходимо сообщить код, на который повлияло изменение.