我一直在构建一个 React 应用程序,突然当我检查移动版本时,我的应用程序随机创建了一个 HTML 画布元素,它像模态一样覆盖了我的整个应用程序。
我不知道如何检查该元素。具体是从哪里来的。我尝试过一一禁用组件,在 React 开发工具中进行分析以查看导致其发生的原因,以及许多其他操作,但似乎没有任何效果。
它特别发生在移动版本中,并且发生在任何组件的随机重新渲染上。有时应用程序可以正常工作,然后你强制一些随机组件重新渲染,它就会出现。
有没有办法检查 React 应用程序中的 HTML 元素来自哪里?我怀疑是库造成的,我也尝试禁用它,但它不起作用。
画布似乎具有预定的属性。我尝试按属性搜索,但没有出现任何内容。
下面是我的 package.json 依赖项,以防出现问题:
"@reduxjs/toolkit": "^1.9.1",
"@stripe/react-stripe-js": "^1.16.4",
"@stripe/stripe-js": "^1.46.0",
"@testing-library/jest-dom": "^5.16.5",
"@testing-library/react": "^13.4.0",
"@testing-library/user-event": "^13.5.0",
"axios": "^1.2.2",
"dotenv": "^16.0.3",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-hot-toast": "^2.4.0",
"react-redux": "^8.0.5",
"react-router-dom": "^6.6.1",
"react-scripts": "5.0.1",
"redux-persist": "^6.0.0",
"stripe": "^11.8.0",
"web-vitals": "^2.1.4"
使用浏览器的开发工具的 DOM 突变断点: