Netlify 和 Vercel 空白页面与 create-react-app

Question

我已在 Render.com 上部署了后端，但在让前端在 Vercel 和 Netlify 上运行时遇到问题。最新的尝试是使用Netlify，但我遇到了同样的问题。

我使用 Vite 和 Create React App 命令来构建我的应用程序，并使用 React Router 进行客户端路由，使用 Axios 向 Render.com 发出 API 请求。以下是我的package.json和文件结构供参考：

[在此输入图片描述](https://i.sstatic.net/QsqzPjWn.png)

这是我的 GITHUB 存储库：

https://github.com/codingcreedd/messagingAppTOP

我尝试添加“主页”：“.”、“”和“./”，但没有一个起作用。我尝试在 netlify 和 package.json 中使用 CI=false 作为环境变量，但也失败了。我还尝试在公共目录中创建一个 _redirects 文件，但没有任何效果。

` 从“vite”导入{defineConfig}； 从“@vitejs/plugin-react”导入反应；

// https://vitejs.dev/config/
export default defineConfig({
    plugins: [react()],
    base: "https://whatsuptop.netlify.app/src/main.jsx",
});

`

这也是我的 vite.config.js 文件，如果有帮助的话

Answer 1

我不知道它到底是如何工作的，但我今天醒来，它正在工作，这是我拥有的东西：

1-“主页”：“。”在我的 package.json 中 2- 将 CI=false 添加到构建命令，例如：“CI=false vite build” 3- 在公共目录中创建一个 _redirects 文件，其中包含以下内容：

/*    /index.html   200

4-更改了我的 vite.config.js 如下：

import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";



// https://vitejs.dev/config/
   export default defineConfig({
      plugins: [react()],
      base: "./",
   });