build.modulePreload=false dynamic import css will lose

[alasq]

Describe the bug

build.modulePreload=false
This config should config preload css only，not delete module dependence

Reproduction

https://stackblitz.com/edit/vitejs-vite-u8njgy?file=main.js,style.js,vite.config.js&terminal=dev

Steps to reproduce

1. npm run dev

2. click "click me" button

3. the background-color will be red

4. npm run preview

5. click "click me" button

6. the background-color will not be red

System Info

System:
    OS: Linux 5.0 undefined
    CPU: (8) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz
    Memory: 0 Bytes / 0 Bytes
    Shell: 1.0 - /bin/jsh
  Binaries:
    Node: 16.14.2 - /usr/local/bin/node
    Yarn: 1.22.19 - /usr/local/bin/yarn
    npm: 7.17.0 - /usr/local/bin/npm
  npmPackages:
    vite: ^3.2.1 => 3.2.2

Used Package Manager

npm

Logs

No response

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.

[macbem]

I've also encountered this. It also happens if CSS is imported synchronously from a dynamic JS import.

[alasq]

why i use build.modulePreload=false ? If modulePreload=true, js modulePreload request will missing http header referer in Google Chrome. But firefox not! My company server settings is valid referer. js resource will response http 401 error.

You can try this code in html
<link as="script" rel="modulepreload" href="xxx.js"> referer is ok!
But you use script create this like document.head.insertAdjacentHTML('beforeend','<link as="script" rel="modulepreload" href="xxx.js">') referer is missing!
Vite create modulePreload link by script like latter. So referer miss.

This is Google Chrome BUG ??

[dajvweizhong]

vite 动态引入 css 和 modulepreload 用的是同一个方法，估计这也是为啥关闭 modulePreload 之后样式丢失的原因（我猜测的，没有仔细看 modulePreload 为 false 那块的逻辑）。
如果只是想把 js 的 preload 关掉的话，可以参考：（简单验证了下成功了，是否会引入其他问题目前未知）

[daniele-orlando]

Is there any progress on this bug?

[patak-dev]

There is a PR now to fix this one at #13973

meta: @daniele-orlando please avoid sending "Any updates?" messages to issues in the future 🙏🏼
If you see an issue that hasn't been worked on, there are no updates. You can help it move forward by working on a PR or helping debug where is the problem.
When there are updates, contributors send messages to the issues or PRs about their progress.

[daniele-orlando]

Understood. Sorry for the silly question. 😓