【发布时间】: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