Skip to content

OffscreenCanvas is not defined on vitepress build #256

@BenjaminOddou

Description

@BenjaminOddou

When building my vitepress app, I have this error (working fine on preview and dev mode though)

$ vitepress build

  vitepress v1.6.3

✓ building client + server bundles...
⠋ rendering pages...
824 |     // all other confetti are 10 pixels,
825 |     // so this pixel size is the de-facto 100% scale confetti
826 |     var fontSize = 10 * scalar;
827 |     var font = '' + fontSize + 'px ' + fontFamily;
828 |
829 |     var canvas = new OffscreenCanvas(fontSize, fontSize);
                           ^
ReferenceError: OffscreenCanvas is not defined
      at shapeFromText (C:\Users\project\node_modules\canvas-confetti\src\confetti.js:829:22)
      at setup (C:\Users\project\.vitepress\.temp\app.js:129:27)
      at callWithErrorHandling (C:\Users\project\node_modules\@vue\runtime-core\dist\runtime-core.cjs.prod.js:86:19)
      at setupStatefulComponent (C:\Users\project\node_modules\@vue\runtime-core\dist\runtime-core.cjs.prod.js:6334:25)
      at setupComponent (C:\Users\project\node_modules\@vue\runtime-core\dist\runtime-core.cjs.prod.js:6321:36)
      at renderComponentVNode (C:\Users\project\node_modules\@vue\server-renderer\dist\server-renderer.cjs.prod.js:376:15)
      at <anonymous> (C:\Users\project\.vitepress\.temp\app.js:166:20)        
      at renderFnWithContext (C:\Users\project\node_modules\@vue\runtime-core\dist\runtime-core.cjs.prod.js:312:13)
      at ssrRenderSlotInner (C:\Users\project\node_modules\@vue\server-renderer\dist\server-renderer.cjs.prod.js:114:17)
      at ssrRenderSlot (C:\Users\project\node_modules\@vue\server-renderer\dist\server-renderer.cjs.prod.js:96:3)

✓ rendering pages...
build complete in 8.17s.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions