Vite dev doesn't find WebWorker

[ketourneau]

Describe the bug

We try to use iTowns package (which contains WebWorker) with Vite and Vite dev doesn't seem to resolve WebWorker correctly.

He try to search WebWorker at path
http://localhost:5173/itowns-starter/node_modules/.vite/Worker/Potree2Worker.js?worker_file&type=module

WebWorker are declared here :
https://github.com/bloc-in-bloc/itowns/blob/f23332137cf6f662e2790054eb227289ff324086/src/Parser/Potree2BinParser.js#L9

And you can find the complete project Vite + iTowns : https://github.com/bloc-in-bloc/itowns-starter/tree/debug-potree

Reproduction

https://github.com/bloc-in-bloc/itowns-starter/tree/debug-potree

Steps to reproduce

npm install
npm run dev

System Info

System:
    OS: macOS 14.5
    CPU: (8) arm64 Apple M1 Pro
    Memory: 1.35 GB / 32.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 18.15.0 - ~/.nvm/versions/node/v18.15.0/bin/node
    Yarn: 1.22.19 - ~/.nvm/versions/node/v18.15.0/bin/yarn
    npm: 9.5.0 - ~/.nvm/versions/node/v18.15.0/bin/npm
    pnpm: 8.1.1 - ~/.nvm/versions/node/v18.15.0/bin/pnpm
  Browsers:
    Chrome: 125.0.6422.142
    Edge: 125.0.2535.85
    Safari: 17.5
  npmPackages:
    vite: ^5.2.12 => 5.2.12

Used Package Manager

npm

Logs

  vite:html-fallback Rewriting GET /node_modules/.vite/Worker/Potree2Worker.js?worker_file&type=module to /index.html +6ms
  vite:html-fallback Rewriting GET /node_modules/.vite/Worker/Potree2Worker.js?worker_file&type=module to /index.html +1ms
  vite:html-fallback Rewriting GET /node_modules/.vite/Worker/Potree2Worker.js?worker_file&type=module to /index.html +0ms
  vite:html-fallback Rewriting GET /node_modules/.vite/Worker/Potree2Worker.js?worker_file&type=module to /index.html +1ms
  vite:html-fallback Rewriting GET /node_modules/.vite/Worker/Potree2Worker.js?worker_file&type=module to /index.html +0ms

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Make sure this is a Vite issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to vuejs/core instead.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[sedghi]

Following

getting the same error for myself as well

Here is how i create the worker in my library (using comlink and the new URL and import.meta.url)

const instance = new Worker(
    new URL('./shared/decodeImageFrame.js', import.meta.url),
    { type: 'module' }
  );

and here is my tsconfig for publishing with tsc

{
  "compilerOptions": {
    "allowJs": true,
    "allowSyntheticDefaultImports": true,
    "baseUrl": "./",
    "checkJs": false,

    "declaration": true,
    "emitDeclarationOnly": false,
    "isolatedModules": false,

    "esModuleInterop": true,
    "forceConsistentCasingInFileNames": true,
    "useDefineForClassFields": false,
    "jsx": "react-jsx",
    "lib": ["ES2022", "dom"],

    "noImplicitAny": false,
    "noImplicitThis": false,

    "pretty": true,
    "removeComments": true,
    "skipLibCheck": true,
    "strict": true,
    "strictNullChecks": false,
    "target": "ES2022",
    "downlevelIteration": true,
    "resolveJsonModule": true,

    "module": "esnext", // esnext | commonjs
    "moduleResolution": "node",
    "outDir": "dist",
    "sourceMap": true,

  },
 
}

and here is my vite config in my app for consuming

import { defineConfig } from "vite"
import react from "@vitejs/plugin-react"

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react()],
})

I tried various options like

worker: {
    format: "es",
  },

and using vite-comlink plugin

but no success

[sapphi-red]

Duplicate of #8427

[luvletterldl]

Same issue, looking forward to you fixing it.