Enabling typescript for Asp.net Core ReactJS project

Question

I created an asp.net core Reactjs project via Visual Studio 2022. Unfortunately everything is in javascript (not typescript).

How can i enable typescript for this project?

Chen · Accepted Answer · 2022-08-17 04:48:37Z

1

You can compile TypeScript code with NuGet.

First, Add TypeScript support with NuGet : Microsoft.TypeScript.MSBuild.

Then, Add the tsconfig.json file to the project root. You can use this file to configure options for the TypeScript compiler.Like this:

{
  "compilerOptions": {
    "noImplicitAny": false,
    "noEmitOnError": true,
    "removeComments": false,
    "sourceMap": true,
    "target": "es5",
    "outDir": "wwwroot/js"
  },
  "include": [
    "scripts/**/*"
  ]
}

Lastly, Add TypeScript (.ts) or TypeScript JSX (.tsx) files to your project, and then add TypeScript code.

For more details, you can refer to this document and this link.

Hope this can help you.

edited Aug 17, 2022 at 4:48

answered Aug 17, 2022 at 4:16

Chen

5,2721 gold badge4 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

AlvinfromDiaspar Over a year ago

So this worked wonderfully. However it seems when i runt he web app it is not able to know anything about the components which i converted (renamed) to TSX.

Collectives™ on Stack Overflow

Enabling typescript for Asp.net Core ReactJS project

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related