Skip to content

paintWorklet broken with production build (.ts?url) #6979

@rynpsc

Description

@rynpsc

Describe the bug

When using paintWorklet a browser console error is thrown in production after running vite build. The error is:

Uncaught (in promise) DOMException: The user aborted a request.

This error does not occur when using the dev server via vite dev.

This can be reproduced at https://stackblitz.com/edit/vitejs-vite-x6rmew?file=index.html

  1. Run npm run dev
  2. check console for errors and that the paintWorklet is working, if working the button will have a black background and console will be free of errors.
  3. Run npm run build && npm run start
  4. Check console where you should see the error and the button won't have its black fill.

Reproduction

https://stackblitz.com/edit/vitejs-vite-x6rmew?file=index.html

System Info

System:
    OS: Linux 5.10 Debian GNU/Linux 11 (bullseye) 11 (bullseye)
    CPU: (2) x64 Intel(R) Core(TM) i5-4570 CPU @ 3.20GHz
    Memory: 1.78 GB / 3.84 GB
    Container: Yes
    Shell: 5.1.4 - /bin/bash
  Binaries:
    Node: 14.15.5 - /usr/local/nvm/versions/node/v14.15.5/bin/node
    Yarn: 1.22.17 - /usr/bin/yarn
    npm: 6.14.11 - /usr/local/nvm/versions/node/v14.15.5/bin/npm
  npmPackages:
    @vitejs/plugin-legacy: 1.7.1 => 1.7.1 
    vite: 2.8.4 => 2.8.4

Used Package Manager

npm

Logs

No response

Validations

Metadata

Metadata

Assignees

No one assigned

    Labels

    p3-minor-bugAn edge case that only affects very specific usage (priority)

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions