安装@material-ui/core与gatsby插件时出现npm ERESOLVE错误如何解决

你本地项目使用的Gatsby版本为4.1.2，而当前默认安装的gatsby-plugin-material-ui@4.0.3要求项目必须安装3.x版本的Gatsby作为对等依赖，二者版本范围不匹配触发了npm的依赖校验报错。

• 方案1：临时跳过依赖校验安装
  适合需要保留当前Gatsby 4.x版本的场景，在安装命令后添加--legacy-peer-deps参数忽略对等依赖校验即可：

  npm install @material-ui/core gatsby-plugin-material-ui --legacy-peer-deps
  

  该方案属于强制绕过校验，小概率出现插件与Gatsby版本不兼容的运行问题，安装后建议测试核心功能是否正常。
• 方案2：降级Gatsby到匹配的3.x版本
  该方案兼容性最稳定，不会出现版本不兼容问题，执行以下命令即可：

  # 卸载现有Gatsby版本
  npm uninstall gatsby
  # 安装符合插件要求的3.x版本Gatsby
  npm install gatsby@^3.0.0
  # 重新安装目标依赖
  npm install @material-ui/core gatsby-plugin-material-ui
  

• 方案3：安装适配Gatsby 4的插件版本
  你可以先执行npm view gatsby-plugin-material-ui peerDependencies查询最新版插件的对等依赖要求，如果存在支持Gatsby 4的版本，直接指定对应版本安装即可，示例命令如下（替换为实际支持的版本号）：

  npm install @material-ui/core gatsby-plugin-material-ui@<适配Gatsby4的版本号>
  

内容的提问来源于stack exchange，提问作者עדן בוטרא