Azure / Azure/static-web-apps-cli

SWA start is broken when using Vite and TypeScript

Offen
#956 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
Vorherrschende Sprache
TypeScript
Sterne
668
Forks
156
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Beschreibung

Before filing this issue, please ensure you're using the latest CLI by running `swa --version` and comparing to the latest version on [npm](https://www.npmjs.com/package/@azure/static-web-apps-cli).

swa version: 2.0.6

**Are you accessing the CLI from the default port `:4280` ?**

- [ ] No, I am using a different port number (`--port`) and accessing the CLI from that port
- [x] Yes, I am accessing the CLI from port `:4280`

> Make sure you are accessing the URL printed in the console when running `swa start`!

**ℹ️ NOTE: Make sure to enable debug logs when running any `swa` commands using `--verbose=silly`**

**Describe the bug**
When using latest Vite (>=6.3.5) dev server and a TypeScript project, SWA CLI fails to load through the dev proxy (:4280) while it work using the Vite dev server directly (:5173).

![Image](https://github.com/user-attachments/assets/e1e8629a-90a5-4652-9bbf-4e1350c7e43a)

The issue seems to that the MIME type is changed when going through the SWA proxy, changing from `text/javascript` to `video/m2pt`.

**To Reproduce**
Steps to reproduce the behavior:

1. Create a new project folder, and run `npm create vite@latest repro -- --template lit-ts`
2. `cd repro && npm install && npm install -D @azure/static-web-apps-cli`
3. Add this `swa-cli.config.json`:
```json
{
"$schema": "https://aka.ms/azure/static-web-apps-cli/schema",
"configurations": {
"registration-website": {
"appLocation": ".",
"run": "npm run dev",
"appDevServerUrl": "http://localhost:5173"
}
}
}

```
4. Run `npx swa start`

**Expected behavior**
Requests going through the proxy do not alter the MIME type

**Desktop (please complete the following information):**

- OS: MacOS
- Version 15.4.1 (24E263)

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Reproduziere das Problem mit dem dokumentierten Vite lit-ts-Projekt, swa-cli.config.json und `npx swa start`, und vergleiche den direkten Vite-Server auf :5173 mit dem SWA-Proxy auf :4280 anhand ausführlicher Logs. Verfolge den Proxy-Pfad von `swa start` und überprüfe, dass JavaScript-Antworten den MIME-Typ `text/javascript` beibehalten, statt zu `video/m2pt` zu werden.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
typescript, vite
Bereich
cli, networking
Issue-Typ
Bug
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
45/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.