React项目执行npm run start时postcss-normalize模块缺失报错求助

核心问题 #

项目编译失败的原因是缺少postcss-normalize依赖模块，PostCSS加载bootstrap.css时找不到该插件，进而导致webpack编译中断。

解决步骤 #

• 删除现有依赖目录和锁文件，清理npm缓存：

  rm -rf node_modules package-lock.json
  npm cache clean --force
  

• 重新安装所有项目依赖：

  npm install
  

• 若上述步骤无效，手动安装缺失的模块：

  npm install postcss-normalize --save-dev
  

• 若问题仍存在，尝试升级react-scripts（create-react-app内置的PostCSS配置可能依赖特定版本的插件）：

  npm install react-scripts@latest --save
  

额外说明 #

作为练习项目，大概率是依赖安装过程中出现缓存或版本不一致问题，按上述步骤操作基本可解决。若仍有异常，可检查package.json中是否存在postcss-normalize依赖项，确认其版本与postcss-loader是否兼容。

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