Я получаю ошибки, которые настолько запутывают, что я не знаю, где искать решения, и которые касаются, потому что они, кажется, скрыты глубоко в библиотеках.
Я работаю с шаблонным приложением (react-boilerplate) и библиотека форм (react-final-forms, react-final-form-arrays) - и ошибки и странное поведение вызываются при импорте.Воспроизводимые шаги выполняются следующим образом.
- из состояния, в котором приложение работает нормально:
import { FieldArray } from 'react-final-form-arrays' на мою HomePage - При горячей перезагрузке повторная визуализация HomePage завершается неудачно, поэтому заголовоки нижний колонтитул отображаются, но HomePage не выполняет повторную визуализацию, но на консоли НЕТ ошибок.тот же результат, если обновить страницу
- Перейдите на другую страницу и затем вернитесь обратно на HomePage - теперь с использованием маршрутизатора - и это выдаст ошибку (обратите внимание, что импорт на странице еще не используется):
act.development.js? 72d0: 207 Предупреждение: React.createElement: тип недопустим - ожидается строка (для встроенных компонентов) или класс / функция (для составных компонентов), ноgot: object.
Проверьте метод рендеринга LoadableComponent.в LoadableComponent (создан Route) в Route (создан App) в Switch (создан App) в div (создан Context.Consumer) в StyledComponent (создан App__AppWrapper) в App in Router (создан ConnectedRouter) в ConnectedRouter (созданс помощью Connect (ConnectedRouter)) в Connect (ConnectedRouter) в IntlProvider (создается LanguageProvider) в LanguageProvider (создается Connect (LanguageProvider)) в Connect (LanguageProvider) в поставщике
удалить импорт, все возвращается в нормальное состояние.
На вопросы об импорте фигурных скобок обычно отвечают, что это так же просто, как разница между именованным импортом и импортом по умолчанию.что-то здесь явно сложнее.(Я пробовал оба, но это определенно должно быть названо).Проблема связана с загрузкой скриптов?