无法将 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"
  }