Я создал компонент и использовал babel для его переноса, чтобы его можно было загрузить как модуль узла из репозитория git.Я запустил код проекта с моим кодом компонента в каталоге проекта, и это сработало.Но после его переноса и импорта из node_modules я получаю следующую ошибку:
Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined.
at invariant (http://localhost:4000/js/vendors.js:1220:16)
Я искал эту ошибку, и большинство ответов говорят, что компонент может быть неправильно экспортирован.Но перед транспортировкой все работает нормально, поэтому я предполагаю, что весь экспорт и импорт корректны.Только после переноса возникает эта проблема
Что именно это за проблема?
используется для переноса
SET NODE_ENV=production&&rm -rf dist && mkdir dist && npx babel src/lib --out-dir dist --copy-files
Я могу видеть перенесенные файлы в папке dist после этой
Имеет ли это отношение к зависимостям или версиям реагирования?Я разработал свой компонент в последней реакции, но проект, который мне нужно интегрировать, имеет более старую версию React.Также я использовал зависимости, такие как материал пользовательского интерфейса, которые не работают со старыми версиями реакции.Это вызывает эту проблему?Если да, то как справиться с подобным сценарием?
--- Edit-- Это из-за несовместимых версий пользовательского интерфейса материала.Синтаксис для импорта материала интерфейса изменен в новых версиях.Поэтому он не может найти этот компонент.Сообщение об ошибке довольно запутанно.