404：Vercel 部署上的 NOT_FOUND

Question

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

当我做，

npm run dev

在我的机器上，我的代码运行得非常流畅。我没有看到任何错误，localhost:3000而当我使用 vercel 部署网站时，我一次又一次收到此错误，其中显示Code 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

转到 vercel 项目设置->常规->构建和开发设置，然后选择您的项目在我的案例中使用的框架，我的项目使用的是 Next js，但它选择了其他。所以当我将其从其他更改为 Next Js 时问题就解决了