404：在 Vercel 部署上未找到

Question

我已经使用 chakra-UI 和 three.js 构建了一个 web3 应用程序。我在网站上添加了一个 metamask 集成，这有助于在智能合约上铸造 NFT。

当我做，

npm run dev

在我的机器上，我的代码运行非常流畅。 我在localhost:3000上没有看到任何错误，而当我使用 Vercel 部署网站时，我一次又一次地收到此错误，代码为 NOT_FOUND这是该错误的屏幕截图：

我使用 VSCode 终端部署了网站

vercel

命令。

我选择了执行此命令后出现的所有默认值。

单击此处了解有关此错误的更多信息也无济于事。

我还尝试通过实际访问 Vercel 网站并导入 github 存储库来部署它，但这也没有用。

错误页面 URL 是：- https://minting-website-frontend.vercel.app/

谁能帮我克服这个错误，我被困在这里这么久了

Answer 1

我经历过这个，我为解决这个问题所做的是：

1. 在我的项目中创建一个 vercel.json 文件。
2. 在vercel.json文件中输入以下代码

{
    "rewrites": [{ "source": "/(.*)", "destination": "/index.html" }]
}

3. 重新部署项目

Answer 2

你确定你看的是好的URL吗？

您需要运行vercel --prod才能部署到生产环境，否则您只是在部署预览版。

能否请您在终端中分享vercel命令的 output？