Toastify React，尝试使用时出错

Question

每当我尝试将 tosify 导入到 React 中时：

使用以下内容：

从 'react-toastify' 导入 { ToastContainer, toast }; 导入 'react-toastify/dist/ReactToastify.css';

我收到以下错误：

编译失败。

./node_modules/react-toastify/dist/react-toastify.esm.mjs 无法从非 EcmaScript 模块导入命名导出“cloneElement”（仅提供默认导出）

不确定解决方案是什么，并且花了很多时间试图找到解决方案，但我也无法，如果需要其他任何东西，请告诉我，但当 tosify 导入不存在时，该网站工作正常。

Answer 1

尝试将版本更改为旧版本的 toastify。手动将其添加到 package.json 文件 "react-toastify": "^8.1.0", 中，然后运行 ​​npm i，然后再次运行 npm start。

Answer 2

正如此错误报告中所述，这似乎是react-toastify与旧版本的react-scripts.

您的选择是：

• 升级到最新版本react-scripts（版本5或以上）
• 降级react-toastify到版本9.0.3，这似乎仍然适用于旧版本react-scripts

Answer 3

我通过更新我的节点版本和反应版本解决了，

npm install --save react@latest npm install -g npm-check-updates npm 审核修复 --force