安装react-masonry-css遇ERESOLVE依赖冲突，--force等方法无效求解决

方案1：替换react-google-login为兼容React 18的替代库 #

react-google-login已停止维护，官方推荐使用@react-oauth/google，它完全支持React 18。操作步骤：

• 卸载旧依赖：

  npm uninstall react-google-login
  

• 安装替代库：

  npm install @react-oauth/google
  

• 替换代码中的组件引用，将原GoogleLogin相关逻辑替换为GoogleOAuthProvider包裹下的GoogleLogin组件即可。

方案2：通过package.json强制覆盖依赖版本（npm 8.3+支持） #

在项目根目录的package.json中添加overrides字段，强制让react-google-login适配React 18：

{
  "overrides": {
    "react-google-login": {
      "react": "^18.2.0",
      "react-dom": "^18.2.0"
    }
  }
}

添加完成后重新执行安装命令：

npm install react-masonry-css

方案3：临时降级React版本到17.x #

如果项目未使用React 18专属特性，可降级React版本以适配react-google-login：

• 卸载当前React及ReactDOM：

  npm uninstall react react-dom
  

• 安装17.x稳定版本：

  npm install react@^17.0.2 react-dom@^17.0.2
  

• 重新安装目标依赖：

  npm install react-masonry-css
  

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