ES6 Импорт ошибок с React Router
Я получаю ошибки, которые настолько запутаны, что я не знаю, где искать решения, и которые касаются, потому что они, кажется, спрятаны глубоко в библиотеках.
Я работаю с шаблонным приложением (react-boilerplate
) и библиотека форм (react-final-forms
, react-final-form-arrays
) - и ошибки и странное поведение вызываются при импорте. Воспроизводимые шаги выполняются следующим образом.
- из состояния, в котором приложение работает нормально:
import { FieldArray } from 'react-final-form-arrays'
на мою домашнюю страницу- При горячей перезагрузке повторная визуализация HomePage завершается неудачно, поэтому верхний и нижний колонтитулы отображаются, но HomePage не выполняет повторную визуализацию, но на консоли НЕТ ошибок. тот же результат, если обновить страницу
- Перейдите на другую страницу и затем вернитесь обратно на HomePage - теперь с помощью маршрутизатора - и это выдает ошибку (обратите внимание, что импорт еще не используется на странице):
response.development.js?72d0:207 Предупреждение: React.createElement: тип недопустим - ожидается строка (для встроенных компонентов) или класс / функция (для составных компонентов), но есть: объект.
Проверьте метод визуализации
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) в поставщике
- удалить импорт, все обратно в нормальное русло.
На вопросы об импорте фигурных скобок обычно отвечают, что это так же просто, как разница между именованным импортом и импортом по умолчанию. здесь явно что-то сложнее. (Я пробовал оба, но это определенно должно быть названо). Проблема связана с загрузкой скриптов?
1 ответ
После того, как ударился головой о стену в течение 3 часов, это была проблема управления версиями. npm install по умолчанию установил более старую версию одной из зависимостей, чем требовалось. возможно, можно закрыть этот вопрос