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

tyg4sfes 于 2022-11-13 发布在 React

关注(0)|答案(2)|浏览(166)

在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.

heroku

来源：https://stackoverflow.com/questions/72553290/error-while-deploying-the-react-app-on-heroku

2条答案

按热度按时间

wbgh16ku1#

尝试在heroku中添加npm --传统对等部署

赞(0）回复(0）举报 2022-11-13

kiayqfof2#

添加“预安装”：“npx npm-force-resolutions”和“heroku建置后”：“npm install”到package.json文件，如下所示，帮助我解决了这个问题

"scripts": {    "start": "react-scripts start",
                "build": "react-scripts build",
                "test": "react-scripts test", 
                "eject": "react-scripts eject",     
                "preinstall": "npx npm-force-resolutions",
                "heroku-postbuild": "npm install"   }

赞(0）回复(0）举报 2022-11-13

我来回答

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

2条答案

相关问题

热门标签

最新问答