Nuxt.js: Duplicate app style links in head using universal mode and extractCSS

[trentpeterson]

Version

v2.4.5

Reproduction link

https://codesandbox.io/s/y0p726km21

Steps to reproduce

1. Inspect the source on the "Documentation" button in the iframed app and observe that .button--green is applied twice, both from line 91 in app.css.
2. Inspect the head and observe that app.css appears twice with rel="preload" and twice with rel="stylesheet".
3. Change mode from universal to spa, refresh the iframed app, and note that app.css now appears once as preload and once as stylesheet and the button now has .button--green applied once.

What is expected ?

Common CSS should only be included once

What is actually happening?

Common CSS is included twice

Additional comments?

I think this is what #4360 was trying to refer to, but it didn't follow the bug template and was closed.

Universal (unexpected behavior)

SPA (expected behavior)

_{This bug report is available on Nuxt community (#c8794)}

[clarkdo]

Thanks for reporting the issue 😄

Bug will be fixed through above linked pr which is included in next Vue release

[trentpeterson]

No problem. Thanks for the quick turnaround!

[manniL]

@hassan715 No, that's the preload instruction and not a duplicate 😉 Check https://developer.mozilla.org/en-US/docs/Web/HTML/Preloading_content

[hassan715]

@manniL Yes my fault :relaxed: Thank you.