在 Heroku 上构建 Parcel React 应用程序失败

Question

我正在尝试部署一个 parcel react 应用程序，而 Heroku 上没有后端。构建不断失败，我已经尝试了互联网上的所有内容。这是脚本和依赖项。这是错误。

错误：

    lscpu: failed to determine number of CPUs: /sys/devices/system/cpu/possible: No such file or directory

/tmp/build_c7ac30db/src/components/App.js:14:19: Cannot resolve dependency '../pages/a00auth/A01SignUp.js' at '/tmp/build_c7ac30db/src/pages/a00auth/A01SignUp.js'
         12 |
         13 | import errorReporting from '../exceptions/errorReporting';
       > 14 | import SignUp from '../pages/a00auth/A01SignUp.js';
            |                   ^
         15 | import SignIn from '../pages/a00auth/A02SignIn';
         16 | import OfflineMessage from '../components/OfflineMessage';
         17 |
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! teziagents@1.0.0 heroku-postbuild: `parcel build ./src/index.html`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the teziagents@1.0.0 heroku-postbuild script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR!     /tmp/npmcache.05UZK/_logs/2021-09-23T09_57_29_536Z-debug.log
-----> Build failed

脚本：

"scripts": {
    "start": "parcel ./src/index.html",
    "build": "parcel build ./src/index.html",
    "postbuild": "workbox generateSW",
    "predeploy": "rm -rf dist && npm run build",
    "deploy": "gh-pages -d dist"
  },

依赖关系：

"dependencies": {
    "@reach/router": "^1.3.4",
    "grommet": "^2.17.1",
    "grommet-controls": "^3.0.1",
    "grommet-icons": "^4.5.0",
    "parcel-bundler": "^1.12.5",
    "@parcel/transformer-webmanifest": "^2.0.0-beta.2",
    "pouchdb": "^7.2.2",
    "pouchdb-authentication": "^1.1.3",
    "pouchdb-browser": "^7.2.2",
    "pouchdb-core": "^7.2.2",
    "pouchdb-find": "^7.2.2",
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "react-hook-form": "^7.7.1",
    "styled-components": "^5.2.3",
    "tslib": "^2.2.0"
  },

非常感谢这里的任何帮助。一个月以来我一直在为此烦恼？？？？

Answer 1

Heroku 是为后端应用程序而设计的。它无法构建您的应用程序。

因此，如果您想开发您的 react 应用程序，则必须使用（已构建应用程序的）nodejs 包装器，该包装器更复杂，但运行速度也不够快。

在这种情况下，如果你想部署一个几乎不需要任何配置的快速反应应用程序，你可以使用：

• https://vercel.com/ - 就像访问你的仓库一样简单，指定命令和文件夹；图片中的配置https://pasteboard.co/LKodGrRHO00X.png
• https://www.netlify.com/ - 就像访问你的仓库一样简单，指定命令和文件夹；图片中的配置https://pasteboard.co/WXecBxxJwylC.png
• https://pages.github.com/

或者如果你可以在最后构建并上传 dist 文件夹，你也可以使用：

• https://firebase.google.com/products/hosting