React新手踩坑

434 阅读1分钟

1. 安装依赖报错:

image.png

1.1. 解决方案:

  1. 删除文件夹node-modulespackage-lock.json,然后重新npm install -- legacy-peer-deps
  2. 或者将npm降版本到npm @6,因为npm @7+npm @6在某些方面更严格。

image.png

2. 报错:Warning: findDOMNode is deprecated in StrictMode

image.png

2.1. 解决方案:

image.png

2.2. 解释:

新建项目时,React.StrictMode严格模式,StrictMode 是一个用以标记出应用中潜在问题的工具。就像 Fragment ,StrictMode 不会渲染任何真实的UI。它为其后代元素触发额外的检查和警告。关于StrictMode的使用请看链接

3. 报错Uncaught TypeError: react_dom_client__WEBPACK_IMPORTED_MODULE_2__.render is not a function

image.png

3.1 解决方案:

image.png

3.2. 解释:

删除上图选中的代码,已经定义的组件,不需要再次ReactDOM.render(),可以直接在本文件中引用。