Strange paths to assets in index.html

[ceisserer]

Hi there,

I would like to use vite-pwa for a very simply vite based JS project using openlayers, hosted on github pages.
However loading the application fails, because when activating the vite-pwa plugin, bundles are loaded via invalids paths in index.html:

  <script type="module" crossorigin src="../../../../work/git/openlayers-urlrewriter-clie/assets/index-D3dWyQb4.js"></script>
  <link rel="stylesheet" crossorigin href="../../../../work/git/openlayers-urlrewriter-clie/assets/index-BhANU1rx.css">
  <script id="vite-plugin-pwa:register-sw" src="/registerSW.js">

It seems like vite-pwa traverses from the current dir all way back to the drive letter the project resides on. Furthermore the name of the project directory is cut off (should be -client).

My config is actually very basic:

export default {
  build: {
    sourcemap: true,
	  outDir: 'docs'
  },
  base: '',
  server: {
    https: .....
  plugins : [
    VitePWA(
      { 
        registerType: 'autoUpdate',
        devOptions: {
        enabled: false
      },
      manifest: false,
      })
  ]

Any ideas would be really helpful, I am quite stuck now :/ ;)

[ceisserer]

By accident I found the cause: I was running yarn build from a git bash, the different path handling seems to have confused workbox.