🐷

【Vite + React】windowsのchromeで起動されない

2024/10/21に公開

こんにちは投資ロウトです。

背景

windowsでVite + Reactで環境を作成する際に、curlではレスポンスが返ってくるのに、chromeで叩くと画面が表示されないといった事象が発生する。

解決方法

以下の状態から

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

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

以下の設定で追加する

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

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react()],
  server : {
    host: '0.0.0.0'
  }
})

結果起動されるようになった。

Discussion