application.js is loading twice in Firefox

[rachitpant]

I initialized a new project with vue2 and composition api and pinia instead of vuex , I also used your other helpful package to generate js apis from rails routes.
In this new project , I am getting couple of different (but similar) warnings on the browser console which i am not getting in other projects.

It doesn't break anything , but can you think of anything that could be causing this.

I also noticed only in this app , there are multiple requests(two) to application.js in browser network console.
Might be unrelated , but i thought i should mention this.

This is a brand new project with vite_ruby , as opposed to other projects which i migrated from webpacker to vite.

[ElMassimo]

Hi Rachit!

If it only happens in Firefox it might be related to vitejs/vite#5532.

If application.js is being requested twice, it's probably related to the setup.
Check that you are not accidentally injecting vite_javascript_tag several times in different partials/layouts, or look at each request in the inspector to find the initiator in the Network tab.

The warning about a preloaded resource is likely caused by the previous Loading failed warning.
You might want to verify that the CSP settings in Rails are not as strict during development, as that could be blocking the JS from being loaded.

[rachitpant]

I checked the application setup and it seems to be fine ( single vite_javascript_tag and also the CSP looks good ). Just now I checked on chrome and there are no such warnings and also the files are not requested multiple times.
Wondering if its related to vite issue 5532

[ElMassimo]

Definitely seems related to vitejs/vite#5532.

I'd suggest using the build.polyfillModulePreload: false workaround, if that's viable for your use case.