reactjs - Skapa ett (.NET 6-baserat) webbplatsprojekt med ASP.NET Core och React (TypeScript) i Visual Studio 2022?

Jag har försökt att skapa ett ASP.NET Core + React (TypeScript) webbapplikationsprojekt i Visual Studio 2022, men lyckades inte göra det. Det finns inga ordentliga stackar/sviter(?) i Visual Studio 2022:s dialog för att skapa projekt (File > New > Project...) som passar mina behov.

Jag försökte då det som dessa dokument säger - och det fungerar - men när jag gör samma sak för React TypeScript (d.v.s. använder Standalone TypeScript React Template istället för Standalone JavaScript React Template) fungerar det inte eftersom denna mall inte har ett Add integration for Empty ASP.NET Web API project. alternativ i sin installation (men JavaScript-mallen har det).

Hur skapar jag då ett ASP.NET Core + React (TypeScript) projekt?

Jag såg faktiskt några modifierade och nya filer när alternativet för ASP.NET Core Web API-integration var aktiverat under React.js (inte TypeScript)-upplägget. Kan jag kopiera de filerna för ASP.NET Core Web API-integration och deras innehåll, skriva om JavaScript-filerna i TypeScript och lägga till dessa filer (*.ts istället för *.js, etc.) i TypeScript-mallen? Eller finns det någon annan (officiell) metod för att korrekt sätta upp ett ASP.NET Core + React (TypeScript)-projekt i Visual Studio 2022?

Svar #1

Detta är guiden du behöver, bara en reflektion att jag ändrade den här kodbiten i aspnetcore-react.ts

fs.writeFileSync(
    '.env.development.local',
    `BROWSER=none
    HTTPS=true
    SSL_CRT_FILE=${certFilePath}
    SSL_KEY_FILE=${keyFilePath}`,
);

BROWSER=none Starta utan att öppna URL i webbläsaren eftersom den ska öppnas av .NET-proxyn

HTTPS=true Utvecklingsserver för att leverera sidor över HTTPS. Använder .NET:s självsignerade certifikat

Svar #2

Du kan använda kommandot "dotnet new react" för att skapa ett mallprojekt med React och C#. Här är en guide för att uppgradera den mallkoden till TypeScript och Vite (inkluderar också Azure AD, men jag tror inte att du behöver det).

https://mindline.com/august-15-authenticating-apps-in-2023-a-closer-look/

Igår släppte Visual Studio-teamet två mycket välkomna förbättringar i 17.8 Preview 1.

  1. React- och ASP.NET Core Visual Studio-mallen stöder TypeScript.
  2. React- och ASP.NET Core Visual Studio-mallen stöder Vite.

Jag kunde inte få den nya mallen att distribuera (även med alternativet för självständig distribution), så jag rekommenderar den inte än.

Relaterade artiklar