React 网站在控制台上显示空白屏幕并出现错误，服务器响应状态为 404 ()

Question

我已经在 Github 上部署了我的 React 网站组合，它在控制台中显示一个空白屏幕，并显示错误 -> 无法加载资源：服务器响应状态为 404 ()

存储库/站点的链接是 https://elochimombe.github.io/portfolio/ github 的链接是 https://github.com/EloChimombe 存储库的名称是portfolio

我尝试了一些解决方案，但我不知道我失败在哪里

Answer 1

由于您的Repo名称是portfolio，因此将

/portfolio/

中的基本名称更改为

vite.config.js

并重新部署它。

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'
// import viteCompression from 'vite-plugin-compression';

// https://vitejs.dev/config/
export default defineConfig(({ command, mode }) => {
  return {
    base: '/portfolio/',
    plugins: [
      react(),
      // viteCompression()
    ],
    assetsInclude: ['**/*.jpg', '**/*.png', '**/*.svg', '**/*.gif'],
  }
});