分类导航

程序问答发布时间：2022-06-02 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了无法将 React JS 项目发布到 Heroku，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决无法将 React JS 项目发布到 Heroku？

开发过程中遇到无法将 React JS 项目发布到 Heroku的问题如何解决？下面主要结合日常开发的经验，给出你关于无法将 React JS 项目发布到 Heroku的解决方法建议，希望对你解决无法将 React JS 项目发布到 Heroku有所启发或帮助；

我目前是 ReactJs 课程的学生，我正在上最后一课，即将我的代码发布到 Heroku。但是，每当我尝试执行此操作时，都会出现错误并且无法发布。目前，错误是这样的：

/tmp/build_64ba7376/node_modules/webpack-cli/bin/cli.Js:93
            throw err;
            ^
Error: CAnnot find module 'uglifyJs-webpack-plugin'

...

remote: npm ERR! code EliFECYCLE
    remote: npm ERR! errno 1
    remote: npm ERR! react-project@1.0.0 build: `cross-env NODE_ENV=production webpack --config webpack/prod.config.Js --progress --display-error-details --color`

...

To https://git.heroku.com/tvh-bottega-react-Js-project.git
 ! [remote rejected] main -> main (pre-receive hook declined)
error: Failed to push some refs to 'https://git.heroku.com/tvh-bottega-react-Js-project.git'

这会导致整个上传过程出轨。我安装了 React Js、NPM（我认为是 6.x 版）、NodeJs（我认为是最新版本）、Axios、React Dropzone 组件、Font Awesome、React Modal library、DraftJs、React HTML Parser、StripTags 和 Truncate 包。 uglify-webpack-plugin 似乎已经安装在我的 package.Json 文件中，所以它确实存在。我试图修复 npm（因为它有一些错误），但每次尝试都以失败告终（它确实说明了一些关于 Python 的问题）。我遵循了 Heroku 的基本故障排除指南，向我的导师寻求帮助，尝试使用不同的终端（VS Code 终端、命令提示符、Git Bash 和 windows PowersHell），并尝试使用不同的计算机。然而，似乎没有任何效果，我的构建在这个阶段总是失败。我应该怎么做才能解决这个问题？

编辑：DependencIEs+DevDependencIEs：

"dependencIEs": {
"@fortawesome/Fontawesome-svg-core": "^1.2.35","@fortawesome/free-solID-svg-icons": "^5.15.3","@fortawesome/react-Fontawesome": "^0.1.14","ajv": "6.12.0","autoprefixer": "^9.1.0","axios": "^0.21.1","babel-cli": "^6.26.0","babel-core": "^6.26.3","babel-eslint": "^7.2.3","babel-loader": "^7.1.5","babel-plugin-async-to-promises": "^1.0.5","babel-plugin-transform-runtime": "^6.23.0","babel-polyfill": "^6.26.0","babel-preset-env": "^1.7.0","clean-webpack-plugin": "^0.1.16","copy-webpack-plugin": "^4.5.2","cross-env": "^5.2.0","css-loader": "^1.0.0","deBUG": "^2.6.9","draft-Js": "^0.11.7","draftJs-to-HTML": "^0.9.1","eslint": "^4.2.0","eslint-loader": "^1.9.0","eslint-plugin-react": "^7.1.0","express": "4.17.1","extract-loader": "^2.0.1","file-loader": "^1.1.11","HTML-loader": "^0.5.5","HTML-to-draftJs": "^1.5.0","HTML-webpack-plugin": "^3.2.0","moment": "^2.29.1","node-sass": "^4.13.1","postcss-loader": "^2.1.6","react": "16.13.1","react-dom": "16.13.1","react-draft-wysiwyg": "^1.14.7","react-dropzone-component": "^3.2.0","react-HTML-parser": "^2.0.2","react-modal": "^3.14.3","react-redux": "7.2.0","react-router": "5.1.2","react-router-dom": "5.1.2","react-truncate": "^2.4.0","redux": "4.0.5","sass-loader": "^7.1.0","StripTags": "^3.2.0","style-loader": "^0.21.0","webpack": "4.42.1","webpack-cli": "3.3.11","webpack-dev-mIDdleware": "3.7.2","webpack-dev-server": "3.10.3","webpack-hot-mIDdleware": "2.25.0","webpack-merge": "4.2.2"

"devDependencIEs": {
    "babel-plugin-transform-class-propertIEs": "^6.24.1","babel-plugin-transform-object-rest-spread": "^6.26.0","babel-preset-react": "^6.24.1","babel-register": "^6.26.0","extract-text-webpack-plugin": "^4.0.0-beta.0","uglifyJs-webpack-plugin": "^1.3.0"
  }