React电商克隆项目启动报错：找不到ajv-formats模块

这个错误和你添加的StateProvider、reducer代码完全无关，本质是webpack-dev-server的依赖包缺失，属于npm依赖安装问题，和React业务代码逻辑没有关联。

解决步骤： #

• 直接安装缺失的模块：

  npm install ajv-formats --save-dev
  

• 如果安装后仍报错，清理依赖缓存重新安装：
  1. 删除本地依赖文件夹和锁文件：

     rm -rf node_modules package-lock.json
     

     （Windows系统替换为rmdir /s /q node_modules && del package-lock.json）
  2. 重新安装全部依赖：

     npm install
     

问题原因说明： #

你和课程里的差异（reportWebVitals.js vs serviceWorker.js）说明双方使用的react-scripts版本不同：新版本react-scripts依赖的webpack-dev-server版本更高，其依赖的schema-utils需要ajv-formats这个包，但你的npm安装过程中可能因网络或缓存问题未自动装上这个间接依赖。课程里的旧版本react-scripts依赖链不需要该包，因此未出现错误。

内容的提问来源于stack exchange，提问作者Joseph Hardwicke