Toastify React，尝试使用时出错答案

【问题标题】：Toastify React, error when attempting to useToastify React，尝试使用时出错
【发布时间】：2022-08-21 23:54:52
【问题描述】：

每当我尝试将 tosify 导入反应时：

使用以下内容：

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

我收到以下错误：

编译失败。

./node_modules/react-toastify/dist/react-toastify.esm.mjs 无法从非 EcmaScript 模块导入命名导出 \'cloneElement\'（仅默认导出可用）

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

【解决方案1】：

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

【讨论】：

【解决方案2】：

正如bug report 中所述，这似乎是当react-toastify 与旧版本的react-scripts 一起使用时出现的问题。

您的选择是：

【讨论】：

【解决方案3】：

由于节点版本，这似乎是某种错误。你能尝试用最新的节点版本重现这个吗？不要忘记删除 node_modules 和 yarn.lock |包-lock.json

【讨论】：

【解决方案4】：

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

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

【讨论】：

【解决方案5】：

你需要做的就是这个

npm i react-toastify@9.0.3

【讨论】：