报错

今天更新了 vite 到 4.3.0 以上后，打开页面出现控制台报错导致热更新失效

WebSocket connection to 'ws://localhost/' failed:
Uncaught (in promise) DOMException: Failed to construct 'WebSocket': The URL 'ws://localhost:undefined/' is invalid.

解决方法

将下面的配置添加到 vite.config.js

server: {
    port: 5173,
    strictPort: true,
    hmr: {
      port: 5173,
    },
  },