Toastify React, ошибка при попытке использования
Когда я пытаюсь импортировать tosify в реакцию:
Используя следующее:
импортировать {ToastContainer, toast} из 'реагировать-тостифицировать'; импортировать «реагировать-toastify/dist/ReactToastify.css»;
Я получаю следующую ошибку:
Не удалось скомпилировать.
./node_modules/реагировать-toastify/dist/реагировать-toastify.esm.mjs Не удается импортировать именованный экспорт «cloneElement» из модуля, отличного от EcmaScript (доступен только экспорт по умолчанию)
Не уверен, что это за решение, и потратил много времени, пытаясь найти решение, но я тоже не могу, если что-то еще нужно, дайте мне знать, но когда импорта tosify нет, сайт работает нормально.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 4
Как указано в этом отчет об ошибке, похоже, это проблема, возникающая при использовании react-toastify со старыми версиями react-scripts.
Ваши варианты:
- обновитесь до новейшей версии
react-scripts(версия 5 или выше) - понизить
react-toastifyдо версии9.0.3, которая кажется, все еще работает со старыми версиямиreact-scripts
Кажется, это какая-то ошибка из-за версии узла. Не могли бы вы попытаться воспроизвести это с последней версией узла? Не забудьте удалить node_modules и yarn.lock | пакет-lock.json
Я решил, обновив версию моего узла и версию реакции,
npm install --save react@latest npm install -g npm-check-updates npm audit fix --force
Попробуйте изменить версию на более старую версию toastify. Вручную добавьте это в файл package.json "react-toastify": "^8.1.0", , а затем запустите npm i, затем снова запустите npm start.