🍉

Reactアプリをビルドすると真っ白になるのを解決した

に公開

タイトル通り

何が起きたか

pnpm create vite@latestでReactプロジェクトをつくったら、
pnpm run devでは動くのにpnpm run buildでビルドしてdistディレクトリを開くと真っ白だった。

index.htmlで読み込むjavascriptファイルのパスがおかしかった。

解決策

vite.config.ts を編集する。

// https://vite.dev/config/
export default defineConfig({
  base: './',
  plugins: [react()],
})

base: './' を指定してやる。

OK

Discussion