Skip to content

SWA start is broken when using Vite and TypeScript #956

@sinedied

Description

@sinedied

Before filing this issue, please ensure you're using the latest CLI by running swa --version and comparing to the latest version on npm.

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
  • 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

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:
{
  "$schema": "https://aka.ms/azure/static-web-apps-cli/schema",
  "configurations": {
    "registration-website": {
      "appLocation": ".",
      "run": "npm run dev",
      "appDevServerUrl": "http://localhost:5173"
    }
  }
}
  1. 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)

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions