SyntaxError - SFC's CSS Interpreted as JS #12765

titouandk · 2025-01-21T23:05:54Z

titouandk
Jan 21, 2025

Vue version

3.5.13

Link to minimal reproduction

NA

Steps to reproduce

I am developing a Vue app on a private cloud solution.

On /, I get a VS Code web IDE.
On /proxy/5050/, I have a reverse proxy forwarding the requests to the Vite dev server.

What is expected?

I have a simple component AppBanner called from my Vue app:

<template>
  <header role="banner" class="test">
    hello
  </header>
</template>

<style scoped lang="css">
.test {
  background-color: red;
}
</style>

What is actually happening?

The component's CSS seems to be interpreted as JS by the browser (Firefox):

The request sent by the browser (to the proxy, that redirects it to the Vite server):

GET /proxy/5050/src/components/AppBanner.vue?vue&type=style&index=0&scoped=f8019c3b&lang.css HTTP/2
Host: ...
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:128.0) Gecko/20100101 Firefox/128.0
Accept: */*
Accept-Language: fr,fr-FR;q=0.8,en-US;q=0.5,en;q=0.3
Accept-Encoding: gzip, deflate, br, zstd
Referer: https://DevServerExampleUrl.fr/proxy/5050/src/components/AppBanner.vue
Sec-Fetch-Dest: script
Sec-Fetch-Mode: cors
Sec-Fetch-Site: same-origin
Connection: keep-alive
Cookie: ...
TE: trailers

The response received by the browser (from the Vite server, transiting via the proxy):

HTTP/2 304 
server: nginx/1.18.0 (Ubuntu)
date: ...
access-control-allow-origin: *
X-Firefox-Spdy: h2

System Info

Any additional comments?

No response

edison1105 · 2025-01-22T01:11:00Z

edison1105
Jan 22, 2025
Collaborator

This seems to be an nginx configuration issue, not a vuejs/core bug

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Vue

SyntaxError - SFC's CSS Interpreted as JS #12765

{{title}}

Replies: 1 comment

{{title}}

Select a reply

Vue

SyntaxError - SFC's CSS Interpreted as JS #12765

titouandk Jan 21, 2025

Vue version

Link to minimal reproduction

Steps to reproduce

What is expected?

What is actually happening?

System Info

Any additional comments?

Replies: 1 comment

edison1105 Jan 22, 2025 Collaborator

titouandk
Jan 21, 2025

edison1105
Jan 22, 2025
Collaborator