【问题标题】:How to host a react.js ssr on vercel?如何在 vercel 上托管 react.js ssr?
【发布时间】:2022-08-18 22:46:44
【问题描述】:

我想托管一个 react.js 服务器端渲染,因为 ffmpeg 用 SharedArrayBuffer 杀死我没有定义

我已经尝试过很多托管服务提供商,例如 firebase,但现在我想将它托管到 Vercel,但我不知道如何让它与 react ssr 一起使用。谁能帮我?

当我在我的机器上运行 \'ssr\' 命令时,它可以工作并且 ffmpeg 没有抛出 \'bad memory\' 或 \'SharedArrayBuffer is not defined\' 但是当我在 vercel build 命令中运行它时它会卡住,但是index.js/server.js 正在运行我知道是因为主脚本正在运行并且不会停止,所以构建卡住了,但是有什么解决方案吗?我已经搜索过这个问题,但我想还没有人问过这个问题

这是 package.json 的代码

{
  \"name\": \"ultimatesheep-vidreverse\",
  \"version\": \"0.1.0\",
  \"private\": true,
  \"dependencies\": {
    \"@babel/preset-env\": \"^7.18.10\",
    \"@babel/preset-react\": \"^7.18.6\",
    \"@babel/register\": \"^7.18.9\",
    \"@ffmpeg/core\": \"^0.11.0\",
    \"@ffmpeg/ffmpeg\": \"^0.11.0\",
    \"@testing-library/jest-dom\": \"^5.16.5\",
    \"@testing-library/react\": \"^13.3.0\",
    \"@testing-library/user-event\": \"^13.5.0\",
    \"bootstrap\": \"^5.2.0\",
    \"cors\": \"^2.8.5\",
    \"ignore-styles\": \"^5.0.1\",
    \"react\": \"^18.2.0\",
    \"react-bootstrap\": \"^2.5.0\",
    \"react-dom\": \"^18.2.0\",
    \"react-scripts\": \"5.0.1\",
    \"uuid\": \"^8.3.2\",
    \"web-vitals\": \"^2.1.4\"
  },
  \"scripts\": {
    \"start\": \"react-scripts start\",
    \"build\": \"react-scripts build\",
    \"test\": \"react-scripts test\",
    \"eject\": \"react-scripts eject\",
    \"ssr\": \"npm run build && node backend/index.js\",
    \"deploy\": \"npm run build && firebase deploy\",
    \"git\" : \"git add . && git commit -m \'ahawdaw\' && git push -u origin main\"
  },
  \"eslintConfig\": {
    \"extends\": [
      \"react-app\",
      \"react-app/jest\"
    ]
  },
  \"browserslist\": {
    \"production\": [
      \">0.2%\",
      \"not dead\",
      \"not op_mini all\"
    ],
    \"development\": [
      \"last 1 chrome version\",
      \"last 1 firefox version\",
      \"last 1 safari version\"
    ]
  },
  \"externals\": {
    \"react\": \"React\"
  },
  \"description\": \"This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).\",
  \"main\": \"backend/index.js\",
  \"keywords\": [],
  \"author\": \"\",
  \"license\": \"ISC\"
}

    标签: javascript reactjs ffmpeg server-side-rendering vercel


    【解决方案1】:

    如果您过去遇到与我相同的问题,请尝试查看 next.js,我解决了我遇到的所有问题!

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2020-10-23
      • 2021-07-27
      • 2021-11-04
      • 1970-01-01
      • 1970-01-01
      • 2019-03-19
      • 2022-09-21
      相关资源
      最近更新 更多