javascript - 使用 getServerSideProps next :js 部署后发生内部服务器错误 500

Question

我正在尝试托管将我的网站重新部署到 Vercel 我在我的网站中添加了 getServerSideProps 之后我收到以下错误我不知道这意味着什么以及我应该如何修复它？在本地主机上，该程序运行良好

这是我添加到 index.js 的 getServerSideProps

export async function getServerSideProps() {
  // Fetch data from external API
  const res = await fetch(`https://ask-over.herokuapp.com/questapi`);
  const data = await res.json();
  // console.log(data);
  // Pass data to the page via props
  return { props: { data } };
}

如果我提供的代码还不够 github.com/vivekkn91/wixten.git 这里是 git 存储库请注意网站在本地主机上没有问题

他的问题发生在我在我的 index.js 中添加 getServerSideProps 之后，我还发现我的内页没有问题，它的工作效率

我也厌倦了部署到 netlify。主页着陆页给了我这个页面，但内页工作正常我不再使用 firebase，所以可以删除所有基于 firebase 的代码

我正在添加 github 页面供您引用，您可以随意克隆代码 https://github.com/vivekkn91/wixten

Answer 1

因此，我迅速 fork 了您的存储库以检查该站点是否在本地运行并且确实如此。

因此，显然问题在于如何在 Vercel 上将网站部署到生产环境中。在 Vercel 上测试 repo 对我来说有点太大了，因此我只能给出关于我在错误页面等中看到的内容的提示。

因此，如果您有 npm，我建议您通过运行以下终端命令来安装 VercelCLI:

$ npm i vercel -g

或者下面的那个会更好，因为你只是将它用于开发目的 - 不需要使用 -g 全局安装包

$ npm i vercel --save-dev

安装后，使用 vercel 登录命令登录并提供您用于 Vercel 的电子邮件地址。

$ vercel login me@example.com

登录后，您可以运行 vercel dev 命令在本地复制 Vercel 部署环境，允许您测试您的 Serverless Functions，而无需每次进行更改时都进行部署。

$ vercel dev

这本身不会解决问题，但比在每次代码更改后不断重新部署应用程序要容易得多。

那么，下一步该怎么做，因为我不打算在 Vercel 上测试代码，所以我只能根据您提供的错误消息给您其他提示。

1. 当我在本地运行 repo 时，我在终端中收到一个错误，表明该网站的 map 功能和/qeustion 路由存在问题。因此，你应该检查这个 url - https://nextjs.org/docs/messages/prerender-error .
2. 当我在 Digital Cload 上部署 React.js 应用程序时，我总是必须说明我的应用程序使用的引擎。也许您必须为 Vercel 做一些类似的事情，因为其中一个错误代码图像正在谈论它无法找到/server/next 的事实:

 "name": "wixten",
 "private": true,
 "main": "index.js",
 "engines": {
      "node": "8.11.x",
    "npm": "~1.0.20"
  },