vue.js - 窗口未定义 Vite Vitesse

Question

我在尝试构建我的应用程序时遇到问题。在开发模式下运行时，它运行完美，但是当我构建它时，它给出了 window is not defined。

export function socketConnect (): SocketI {
  if (typeof window.gqlsocket === 'undefined') {
    const socket = initializeSocket()
    window.gqlsocket = socket
    return socket
  } else {
    return window.gqlsocket
  }
}

export function socketDisconnect (): void {
  if (typeof window.gqlsocket !== 'undefined') {
    window.gqlsocket.disconnect(() => (window.gqlsocket = undefined))
  }
}

const client = createClient({...})

export const install: ModuleInstall = ({ app, isClient }) => {
  if (!isClient) return

  app.use(urql, client)
}

Answer 1

添加到index.html:

<div id="app"></div>
<script type="module" src="/src/main.ts"></script>

<!-- 👇 -->
<script>
  var global = global || window;
</script>