umijs / dumi

📖 Static Site Generator for component library development
https://d.umijs.org
MIT License
3.6k stars 1.18k forks source link

静态部署后页面白屏 #1630

Closed huyinglin closed 1 year ago

huyinglin commented 1 year ago

Question

使用 dumi 1.x 的相同配置升级为 dumi 2.x 后,静态资源部署后页面白屏,不是404。资源加载没有问题,资源除了下面的 /127.0.0.1:64555/api/basic接口报错,其他的资源都能加载出来,如首页的 index.html 和首页中需要的 js 和 css 资源都能加载出来,但页面就是白屏。这个报错的接口不是业务代码,在打包产物中也搜索不到。控制台除了接口加载报错,没有其他报错。 image

Sample Code

.dumirc.ts 配置如下:

import { defineConfig } from 'dumi';

export default defineConfig({
  resolve: {
    entryFile: './src/index.ts',
  },
  outputPath: process.env.BUILD_DEST || 'docs-dist',
  // 引入 fusion 主题
  styles: [
    'https://gw.alipayobjects.com/os/lib/alife/theme-tgc-pro/2.0.1/dist/next-noreset.css',
    'https://gw.alipayobjects.com/os/lib/alife/theme-tgc-pro/2.0.1/dist/next-noreset.var.css',
  ],
  base: '/components/',
  publicPath:
    process.env.NODE_ENV === 'production'
      ? `https://dev.g.alicdn.com/c2m-goldrooster/jinji-materials/`
      : '/',
  manifest: {},
  exportStatic: {},
  sassLoader: {},
  themeConfig: {
    name: 'Jinji Design',
    hero: {
      title: 'Jinji Design',
      description: 'Extension Component Library Based on Fusion',
      actions: [{ text: '开始使用', link: '/guide' }],
    },
    features: [
      { title: '开箱即用' },
      { description: '接入简单,安装即使用,全面融入 Ant Design 5.0 风格。' },
    ],
  },
});
PeachScript commented 1 year ago

没有错误的白屏大概率是 base 配置不正确导致 react-router 无法正常处理路由导致的,参考 FAQ 检查下 base 配置:https://d.umijs.org/guide/faq#%E9%9D%9E%E6%A0%B9%E7%9B%AE%E5%BD%95%E9%83%A8%E7%BD%B2