reactjs - create-react-app med --template typescript skapar inte .tsx-filer

Jag bestämde mig för att använda React JS med TypeScript. Gör ett enkelt hello world-projekt. Jag hänvisar till två böcker, och de föreslår båda följande. Helt nytt projekt, inte uppgradera eller något av de scenarierna. Börjar från början.

npx create-react-app try-react --template typescript

Det fungerar bra.

Men filerna har fortfarande .js-tillägget. I boken har en av dem en skärmdump, den har redan .tsx-tillägget.

Jag har tittat på den här länken, https://create-react-app.dev/docs/adding-typescript/. Det står,

If you've previously installed create-react-app globally via npm install -g create-react-app, we recommend you uninstall the package using npm uninstall -g create-react-app or yarn global remove create-react-app to ensure that npx always uses the latest version.

Global installs of create-react-app are no longer supported.

Så jag avinstallerade den globala installationen. Försökte igen.

Samma sak. Inga filer med .tsx-tillägg. Bokens författare nämner inget om att man måste byta namn på dessa filer manuellt.

Så, min fråga är,

  1. Är mallen inte tänkt att automatiskt sätta alla tillägg till .tsx?
  2. Är det enda sättet att göra detta att manuellt ändra från .js till .tsx?
  3. Gör vi alltid detta, och det är verkligen normen. Kanske gjorde bokens författare det manuellt men glömde att inkludera det i instruktionerna?

Svar #1

I mitt fall var det som löste det att installera TypeScript-mallen globalt

npm install -g cra-template-typescript

När jag hade gjort det, sprang jag

npx create-react-app client-app --template typescript

Och det fungerade. Alla skriptfiler var .tsx

Svar #2

Jag hade samma problem. Vad som löste det för mig:

npm install cra-template-typescript

Av någon anledning fanns inte mallen där för mig.

Relaterade artiklar