关于@babel/plugin-proposal-private-property-in-object的依赖问题求助

方案1：用Craco自定义Babel配置（推荐） #

react-scripts默认限制修改Babel配置，Craco可以绕过这个限制直接指定插件：

• 安装Craco：

npm install @craco/craco --save-dev

• 在项目根目录新建craco.config.js，写入以下内容：

module.exports = {
  babel: {
    plugins: ["@babel/plugin-proposal-private-property-in-object"]
  }
};

• 修改package.json里的scripts，把react-scripts替换为craco：

"scripts": {
  "start": "craco start",
  "build": "craco build",
  "test": "craco test",
  "eject": "react-scripts eject"
}

• 删除node_modules和锁文件，重新安装依赖：

rm -rf node_modules package-lock.json
npm install

• 重新执行构建命令：

npm run build

方案2：调整插件版本并移至生产依赖 #

添加到devDependencies不生效可能是版本不兼容，尝试更换匹配的版本：

• 卸载当前插件：

npm uninstall @babel/plugin-proposal-private-property-in-object

• 安装和babel-preset-react-app兼容的版本（比如^7.21.0）：

npm install @babel/plugin-proposal-private-property-in-object@^7.21.0

• 重新构建项目：

npm run build

方案3：降级react-scripts版本 #

如果以上方法都无效，降级到react-scripts 4.x版本可避免该报错：

• 卸载当前react-scripts：

npm uninstall react-scripts

• 安装4.0.3版本：

npm install react-scripts@4.0.3

• 清空依赖后重装并构建：

rm -rf node_modules package-lock.json
npm install
npm run build

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