ReactDOM.render:React 从 16.4.2 升级到 16.5.2 后无法在已卸载的组件上找到节点

2024-03-18

我已将 ReactJS 项目更新到最新版本npm update从 Visual Studio 2017 运行,结果如下:

+ @material-ui/[email protected] /cdn-cgi/l/email-protection
+ [email protected] /cdn-cgi/l/email-protection
+ @material-ui/[email protected] /cdn-cgi/l/email-protection
+ [email protected] /cdn-cgi/l/email-protection
+ @aspnet/[email protected] /cdn-cgi/l/email-protection
added 4 packages from 3 contributors, removed 10 packages, updated 20 packages and audited 185 packages in 23.309s
found 0 vulnerabilities

当我跑步时npm outdated我仍然得到:

Package             Current  Wanted  Latest  Location
@material-ui/core     1.5.1   1.5.1   3.2.0  Dixie
@material-ui/icons    2.0.3   2.0.3   3.0.1  Dixie

现在,当我运行该项目时,该项目在更新之前有效,我得到

ReactDOM.render:无法在已卸载的组件上找到节点。

这是我的 package.json:

{
  "name": "Dixie",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "bootstrap": "^3.3.7",
    "react": "^16.4.1",
    "react-bootstrap": "^0.31.5",
    "react-dom": "^16.4.1",
    "react-router-bootstrap": "^0.24.4",
    "react-router-dom": "^4.2.2",
    "react-scripts": "^1.1.4",
    "rimraf": "^2.6.2"
  },
  "scripts": {
    "start": "rimraf ./build && react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  }
}

React 更新到 16.5.2 后如何修复此错误?


I did

npm install  @material-ui/[email protected] /cdn-cgi/l/email-protection
npm install  @material-ui/[email protected] /cdn-cgi/l/email-protection
npm cache clean --force

now npm outdated什么也没显示,但错误仍然存​​在。

也尝试过(没有任何收获):

npm uninstall --save react-dom
npm uninstall --save react
npm install react-dom
npm install react

唯一“有效”的就是降级

npm install [email protected] /cdn-cgi/l/email-protection
npm install [email protected] /cdn-cgi/l/email-protection

但这意味着我无法升级。还尝试了另一台具有相同项目的计算机,也出现了相同的错误。


我遇到过同样的问题。最后将 React 和 React-dom 升级到 16.6.0 有所帮助。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

ReactDOM.render:React 从 16.4.2 升级到 16.5.2 后无法在已卸载的组件上找到节点 的相关文章

  • 如何修复 MongoClient is not a constructor 错误

    我刚刚学习 JavaScript 和 Nodejs 根据我在网上找到的一些代码 我编写了以下应用程序 当我尝试运行它时 我在第 9 行收到错误 其中显示 new MongoClient 错误提示 MongoClient 不是构造函数 您能解
  • 如何对 NestJS 中的控制器应用防护进行单元测试?

    我在 NestJS 中配置了一个控制器 我想检查是否设置了适当的防护 有人有如何完成此操作的示例吗 这个 删节的 示例作为一个应用程序可以正常工作 所以我只是在测试指导之后 您会注意到在用户测试中有一些我正在调用的测试Reflect get
  • 在 Node.js 中包含另一个文件中的 JavaScript 类定义

    我正在为 Node js 编写一个简单的服务器 并且使用我自己的类 名为User看起来像 function User socket this socket socket this nickname null just the typical
  • 错误 TS2314:通用类型“Component”需要 2 个类型参数

    在将 ReactJS 与 TypeScript 一起使用时 会出现以下错误 error TS2314 Generic type Component
  • Express JS:请求的资源上不存在“Access-Control-Allow-Origin”标头

    我有一个在服务器上运行的 API 和一个连接到它以检索数据的前端客户端 我对跨域问题做了一些研究并使其发挥作用 但我不确定发生了什么变化 我现在在控制台中收到此错误 XMLHttpRequest 无法加载https api mydomain
  • Flask 和 Reactjs 抛出 JSX 转换错误

    我已经开始将 ReactJS 与 Python Flask 后端结合使用 通过 Flask 渲染模板时 我在 Chrome 控制台中收到以下客户端错误 错误 找不到模块 jstransform visitors es6 templates
  • 如何获取从 Express (Node.js) 中的表单传递的数据

    我想获取使用表单从页面传递的数据 并在重定向的页面中使用该数据 我的客户端有这个表格
  • React Router Tabs——保持组件安装

    我使用 React Router 创建了选项卡 每个选项卡都有不同的路线 但是 我想通过保持隐藏选项卡的安装来维护选项卡转换之间的选项卡状态 我该如何实现这一目标 每次路由切换时 React 路由器都会重新安装每个组件 已经有人问过这个问题
  • NPM 如何处理版本冲突?

    由于 NPM 版本 3 节点模块和依赖项都安装在同一根级别 但是 如果我安装两个依赖于同一模块的两个不同版本的模块怎么办 例如 如果我安装异步npm i email protected cdn cgi l email protection
  • 如何在 Sails.js 中嵌入和编写 mongo 对象(超过一层深度)?

    从 sails js 示例来看 Person js var Person attributes firstName STRING lastName STRING age type INTEGER max 150 required true
  • Node.js 中的 webRTC

    我想在node js 中使用webRTC 来管理涉及浏览器和nodejs 上的对等点的混合连接 我做了一些测试和搜索 我尝试使用wrtc https github com js platform node webrtc or webrtc
  • MongoDB 中两个集合之间的 Diff()

    我做过研究 如果这是一个重复的问题 我很抱歉 但其他问题的解决方案并不适合我 因此 我提出了一个新问题 使用 Javascript 比较两个集合的最佳方法是什么 我有数千个这样的 Mongo 文档格式的标头 url google com h
  • ER_ACCESS_DENIED_ERROR:用户 ''@'localhost' 的访问被拒绝(使用密码:NO)

    我有这个问题 我已经研究过但无法解决它 我想它与数据库权限有关 但我无法修复它 if error throw error Error ER ACCESS DENIED ERROR Access denied for user localho
  • 茉莉花节点没有输出

    我是 JavaScript Node js 和 jasmine 的新手 我正在尝试运行 Node Craftsman Book 一书中的测试 FilesizeWatcher 我创建了 package json 文件并运行 npm insta
  • React延迟加载/无限滚动解决方案

    我花了一段时间才弄清楚如何使用优秀的延迟加载图像React Lazyload 组件 https github com jasonslyvia react lazyload 演示在滚动时延迟加载图像 但在测试时我无法获得相同的行为 罪魁祸首是
  • Excel Add In - console.log 在哪里输出它的消息 - NodeJS

    我正在尝试使用 JavaScript API 创建 Excel 插件 但我不明白 console log 在哪里输出它们的消息 所有 Microsoft 文档都包含 console log 示例 但没有解释 console log 输出消息
  • Node.js:您什么时候知道异步任务集合何时完成?

    我想深入一个目录 并根据正则表达式检查我在其中看到的每个文件的名称 基本上是通用unix的一个版本find命令 仅用 Node js 编写 我不关心文件的顺序 但我确实想确保获得所有文件 我有以下代码 我认为 它接近我想要的 它需要一个 s
  • “brew升级节点”后“node -v”显示错误版本

    我升级了 Node js 版本brew upgrade node其中安装了v5 3 0 但是当我得到节点的版本时node v它显示 v0 10 29 I tried brew link overwrite node但这没有用 Brew 已链
  • Node.js 中的 Twilio 短信回复

    我正在使用 node js 中的 twilio 编写移动通知系统 目前可以向用户发送短信 但我希望用户能够回复我 我需要收集用户发送文本的电话号码以及消息的内容 以查询我的 mongoosedb 我找不到太多这方面的信息 因此非常感谢您的帮
  • 使用 stopPropagation() 处理 React 事件委托

    我有一个 React 项目 应该可以放置在任何网站上 我的想法是 我托管一个 javascript 文件 人们放置一个具有特定 ID 的 div 然后 React 在该 div 中进行渲染 到目前为止 除了点击事件之外 这是有效的 这些事件

随机推荐

  • Bash -a 与 bash && [重复]

    这个问题在这里已经有答案了 我有这个 bash 声明 if ls gt dev null 2 gt 1 a ls gt dev null 2 gt 1 then echo true else echo false fi 这给了我 假 但我知
  • 使用合并排序对列表进行合并和排序

    这是我的代码 def merge lists all lst if len all lst lt 2 return all lst 0 get rid of the extra left merge lists all lst len al
  • 将 json 文件保存到内部存储器,然后稍后调用该文件

    我有一个 json 文件 我试图在单击一个 btn 时保存 然后单击另一个 btn 将在文本视图中显示解码后的 json 文件 public class MainActivity extends Activity Called when t
  • 用AVPlayer玩AVMutableComposition?

    我正在尝试让两个视频按顺序播放 我尝试过 AVQueuePlayer 但两个剪辑之间有一个巨大的 打嗝 我需要他们不间断地玩耍 所以我尝试使用 AVMutableComposition 和 AVPlayer 但无法正确使用 这是我的代码 忽
  • 如何使用 Helm 获取子图表的名称?

    我有一个舵图需要stable redis作为子图表 父图表需要将redis服务公开为环境变量 Redis 图表包含一个名为的模板redis fullname 我如何在我的父图表中引用此内容 IE 我想在我的父部署中使用类似的东西 但它不起作
  • PHP fwrite() 文件导致内部服务器错误

    我想将大文件上传到我的服务器 我在上传之前拼接这些文件 1MB 块 如果上传一个块 该块将被附加到文件中 在我的本地服务器上 一切运行良好 但如果我在我的 Web 服务器 由 Strato 托管 上测试此脚本 每当服务器上的附加文件变得 6
  • 访问 React Router 历史堆栈

    我有一个应用程序 您可以通过各种方式 搜索 按类别向下钻取等 到达相册列表 从相册中 您可以单击打开单张照片 并使用左 右箭头以及各种编辑工具遍历它们 每个迭代 工具操作都会执行history push 以将路由添加到路由器历史记录中 我正
  • php 版本切换在 mac 上不起作用

    我安装了 High Sierra 它附带了 php 7 1 在该环境中 我最终能够升级到 php7 2 但无法记录它 所以我不完全知道我做了什么 现在 我正在尝试切换到 php 7 3 使用brew 我运行了以下命令 brew unlink
  • 在 Flyway 脚本中安全地重命名 MySQL 表名

    我将通过 Flyway SQL 脚本重命名 MySQL 8 0 表 RENAME TABLE aaa TO bbb 它应该在 env 上运行很多次 但这样的脚本不是幂等的 尝试第二次运行它时我发现了一个错误 SQL State 42S01
  • 在电子邮件中嵌入 HTML 表格

    是否可以将表格 以 html 编码 作为电子邮件正文发送 以便收件人能够查看表格 解析并显示 例如 我希望能够将其作为电子邮件正文发送 table tr td col1 td td col2 td tr table 以便收件人看到col1
  • 如何求子ul li a的宽度

    我有以下无序列表包裹在 div 中 如下所示 div ul li home ul li a anchor1 a li li a anchor2 a li li a anchor3 a li ul li li school li li col
  • 如何设置 appcompat-v7 工具栏的样式,如 Theme.AppCompat.Light.DarkActionBar?

    我正在尝试重新创建的外观Theme AppCompat Light DarkActionBar使用新的支持库工具栏 如果我选择Theme AppCompat Light我的工具栏会很轻 如果我选择Theme AppCompat天会黑的 从技
  • 无法使用 gpg-agent 作为 ssh 代理

    我一直在尝试让 gpg agent 作为 ssh 代理工作 但没有任何运气 我正在运行 Linux Mint Sarah 的 KDE 版本 首先 我在 etc X11 Xsession options 中禁用了内置 ssh 代理 Id Xs
  • java中的Lombok项目如何工作?在.net中使用属性是否可以实现?

    Project Lombok http projectlombok org 使得在类中实现样板代码变得很简单 NET 属性可以实现这一点吗 那里有 net 端口吗 现在有一个 NET 端口 查看龙目岛网 https github com C
  • Python - 由于目标机器主动拒绝而无法建立连接

    我是 Python 新手 我正在尝试执行这段导入 Socket 的代码 import socket def retBanner ip port try socket setdefaulttimeout 2 s socket socket s
  • 如何使用 php 设置 crontab?

    我需要从 php 脚本设置一个 crontab 我知道它可以通过设置 system echo echo Hello world gt gt cron crontab system crontab cron crontab cron cron
  • 如何使TinyMCE编辑器中的元素被视为不可编辑的单个项目?

    在我们的 CMS 中 我们的用户可以使用 TinyMCE 编辑表单的错误消息 问题是 其中一些消息可能需要动态数据 例如 Your chosen name X is invalid 为此 我们使用tokens 以上面为例 我们的用户将输入
  • 如何知道 MySQL 何时需要转义

    我正在使用 CodeIgniter 构建一个网站 这是我自己构建的第一个与数据库交互的站点 我在这个项目中使用 MySQL 在将数据保存到数据库之前 如何判断数据是否需要转义 我建议您习惯使用准备好的陈述 特别是当您刚接触数据库时 你越早开
  • 将 Codeigniter 站点从 http 更改为 https 站点 - 不起作用

    我有一个 codeigniter 网站 它在运行时运行良好http 然后我们的客户将网站移动到新服务器 该服务器具有https安全 这意味着现在网站网址是http mysite com 但现在我的网站无法正常工作 这是什么原因呢 那是我的
  • ReactDOM.render:React 从 16.4.2 升级到 16.5.2 后无法在已卸载的组件上找到节点

    我已将 ReactJS 项目更新到最新版本npm update从 Visual Studio 2017 运行 结果如下 material ui email protected cdn cgi l email protection email