HMR is raising a preload warning in console

[npearson72]

• I have tried upgrading by running bundle update vite_ruby.
• I have read the troubleshooting section before opening an issue.

Description 📖

Using vite_client_tag, I'm seeing the following in my browser's console:

The resource http://localhost:3001/vite-dev/@vite/client was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.

I can't share too much in the way of logs or any other details because of the nature of project, but I can share that adding defer: true to the helper fixes the issue:

Example:

  def vite_client_tag
    return unless src = vite_manifest.vite_client_src

    javascript_include_tag(src, type: 'module', extname: false, defer: true)
  end

I believe defer: true is the correct option here, though not 100% familiar with how HMR is processed in Vite.

If this is an issue anyone else is having, I'd be happy to add a PR for it. Otherwise, just use this report as point of reference.

[ElMassimo]

Hi Nathan, thanks for reporting.

Probably related to the combination of an old Rails version and:

• fix: use javascript_include_tag in vite_client_tag #238

It's likely that you are running in an environment where early response hints are enabled, and Rails is sending a header to let the browser preload the script.

The mismatch is probably related to the fact that the client script is a module, and you are running in an old Rails version that sends hints incorrectly for module scripts.

I've fixed Rails behavior in:

• Ensure modules are preloaded correctly using rel=modulepreload. rails/rails#41697

See this discussion for ways to address this problem in your app.

[npearson72]

I deleted my previous comments. You're right. After taking a closer look it seems my version of Rails does not include your patch to the javascript_include_tag helper.

Sorry to bother you.

Thanks for the awesome library!