脚手架搭建项目（create-react-app）常见报错汇总

Sun_小杰杰哇

已于 2022-08-26 11:27:46 修改

阅读量1.1k

点赞数 1

分类专栏： # React web 文章标签： react.js javascript 前端

于 2022-08-26 11:27:02 首次发布

本文为博主原创文章，未经博主允许不得转载。

本文链接：https://blog.youkuaiyun.com/qq_41271930/article/details/126483575

版权

web 同时被 2 个专栏收录

17 篇文章

订阅专栏

React

13 篇文章

订阅专栏

本文总结了使用create-react-app搭建React项目时遇到的两个典型问题及其解决方案：一是redux中的reducer初始化返回undefined的问题；二是react v18.0中由于StrictMode导致函数式组件useEffect钩子请求执行两次的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用脚手架create-react-app搭建React项目时，常见的报错及解决办法汇总。

1、redux.js:473 Uncaught Error: The slice reducer for key "errors" returned undefined during initialization. If the state passed to the reducer is undefined, you must explicitly return the initial state. The initial state may not be undefined. If you don't want to set a value for this reducer, you can use null instead of undefined.

问题：errors的reducer在初始化时数据返回了undefined，或者没有返回。

解决：

a、reducer没有给与返回值；

b、reducer如果没有返回值可以给与null，不要给与undefined

2、react v18.0函数式组件，在useEffect中进行请求，请求执行两次。

原因：react的严格模式（Strict Mode）。可能不止一次的调用渲染阶段的生命周期。

解决：去掉React.StrictMode。

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(
  // <React.StrictMode>
    <Provider store={store}>
      <App />
    </Provider>
  // </React.StrictMode>
);

解决截图：

复现截图1：

复现截图2：