无法找到@babel/plugin-proposal-class-properties模块的修复咨询

这个错误是因为项目依赖的Babel插件缺失，大概率是依赖安装不完整、版本不兼容或缓存异常导致的，可按以下步骤解决：

• 直接安装缺失的插件
  在项目根目录打开终端，执行对应包管理工具的安装命令：

  # npm 用户
  npm install @babel/plugin-proposal-class-properties --save-dev
  
  # yarn 用户
  yarn add @babel/plugin-proposal-class-properties --dev
  

• 清除依赖缓存并重装所有依赖
  如果单装插件无效，可能是依赖缓存或版本冲突问题：

  1. 删除本地依赖文件夹和锁文件：

     # npm 用户
     rm -rf node_modules package-lock.json
     
     # yarn 用户
     rm -rf node_modules yarn.lock
     

  2. 清除包管理工具缓存：

     npm cache clean --force
     # yarn 用户执行 yarn cache clean
     

  3. 重新安装全部依赖：

     npm install
     # yarn 用户执行 yarn install
     

• 检查Babel配置文件
  确认项目根目录的.babelrc或babel.config.js中，该插件已正确配置。示例配置：

  {
    "plugins": ["@babel/plugin-proposal-class-properties"]
  }
  

• 更新react-scripts版本
  从调用栈可见错误关联react-scripts的webpack配置，若当前版本过低可能引发依赖不匹配，尝试更新：

  npm install react-scripts@latest --save
  

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