在heroku上部署react应用程序时出错答案

【问题标题】：Error while deploying the react app on heroku在heroku上部署react应用程序时出错
【发布时间】：2022-06-29 18:56:00
【问题描述】：

在 Heroku 中部署 react app 时出现以下错误。我已删除 package-lock.json 并再次进行了 npm 安装，但我再次遇到相同的错误。有人可以告诉我如何解决这个错误吗？

以下是安装的依赖项：

"dependencies": {
    "@emotion/react": "^11.9.0",
    "@emotion/styled": "^11.8.1",
    "@material-ui/core": "^4.12.4",
    "@mui/icons-material": "^5.8.3",
    "@mui/material": "^5.8.3",
    "@testing-library/jest-dom": "^5.16.4",
    "@testing-library/react": "^13.1.1",
    "@testing-library/user-event": "^13.5.0",
    "axios": "^0.27.2",
    "cors": "^2.8.5",
    "express": "^4.18.1",
    "multer": "^1.4.4",
    "mysql2": "^2.3.3",
    "path": "^0.12.7",
    "react": "^18.0.0",
    "react-dom": "^18.0.0",
    "react-hook-form": "^7.31.2",
    "react-router-dom": "^6.3.0",
    "react-scripts": "^5.0.1",
    "react-tweet-embed": "^2.0.0",
    "sequelize": "^6.20.1",
    "web-vitals": "^2.1.4"
  },

来自 Heroku 应用的日志：

-----> Installing binaries
       engines.node (package.json):  unspecified
       engines.npm (package.json):   unspecified (use default)
       
       Resolving node version 16.x...
       Downloading and installing node 16.15.1...
       Using default npm version: 8.11.0
       
-----> Installing dependencies
       Installing node modules
       npm ERR! code ERESOLVE
       npm ERR! ERESOLVE could not resolve
       npm ERR! 
       npm ERR! While resolving: @material-ui/core@4.12.4
       npm ERR! Found: react@18.1.0
       npm ERR! node_modules/react
       npm ERR!   react@"^18.0.0" from the root project
       npm ERR!   peer react@">= 16" from react-scripts@5.0.1
       npm ERR!   node_modules/react-scripts
       npm ERR!     react-scripts@"^5.0.1" from the root project
       npm ERR!   16 more (@mui/utils, react-router-dom, @emotion/react, ...)
       npm ERR! 
       npm ERR! Could not resolve dependency:
       npm ERR! peer react@"^16.8.0 || ^17.0.0" from @material-ui/core@4.12.4
       npm ERR! node_modules/@material-ui/core
       npm ERR!   @material-ui/core@"^4.12.4" from the root project
       npm ERR! 
       npm ERR! Conflicting peer dependency: react@17.0.2
       npm ERR! node_modules/react
       npm ERR!   peer react@"^16.8.0 || ^17.0.0" from @material-ui/core@4.12.4
       npm ERR!   node_modules/@material-ui/core
       npm ERR!     @material-ui/core@"^4.12.4" from the root project
       npm ERR! 
       npm ERR! Fix the upstream dependency conflict, or retry
       npm ERR! this command with --force, or --legacy-peer-deps
       npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
       npm ERR! 
       npm ERR! See /tmp/npmcache.MrETS/eresolve-report.txt for a full report.

【问题讨论】：

标签： reactjs heroku material-ui

【解决方案1】：

尝试在heroku中添加npm --legacy-peer-deps

【讨论】：

谢谢，我需要在 Heroku 哪里添加？在哪个屏幕/标签中？
尝试在你的 package.json 中添加 heroku:postbuild
我应该像下面这样添加："scripts": { "start": "react-scripts start", "start:server": "node src/server.js", "build": "react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject", "preinstall": "npx npm-force-resolutions", "heroku-postbuild": "npm --legacy-peer-deps" }

【解决方案2】：

遇到同样的错误！！请说出你做了什么？

【讨论】：