createErrorOverlay() — vite Function Reference

Architecture documentation for the createErrorOverlay() function in client.ts from the vite codebase.

Function typescript HMRClient WebSocketTransport calls 1 called by 1

Entity Profile

HMRClient→ WebSocketTransport→ createErrorOverlay() — vite Function Reference

Dependency Diagram

graph TD
  48d70ee4_37db_090f_6d7b_43252d2444a1["createErrorOverlay()"]
  85908ff5_4d12_826d_8235_531f91538758["client.ts"]
  48d70ee4_37db_090f_6d7b_43252d2444a1 -->|defined in| 85908ff5_4d12_826d_8235_531f91538758
  d1f1e08a_d62c_ffc8_40e7_039fffb49665["handleMessage()"]
  d1f1e08a_d62c_ffc8_40e7_039fffb49665 -->|calls| 48d70ee4_37db_090f_6d7b_43252d2444a1
  bb515d8a_1083_ea46_dfdc_ec1e75395bb2["clearErrorOverlay()"]
  48d70ee4_37db_090f_6d7b_43252d2444a1 -->|calls| bb515d8a_1083_ea46_dfdc_ec1e75395bb2
  style 48d70ee4_37db_090f_6d7b_43252d2444a1 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/vite/src/client/client.ts lines 336–343

function createErrorOverlay(err: ErrorPayload['err']) {
  clearErrorOverlay()
  const { customElements } = globalThis
  if (customElements) {
    const ErrorOverlayConstructor = customElements.get(overlayId)!
    document.body.appendChild(new ErrorOverlayConstructor(err))
  }
}