Version 3.2.1 of Typescript has been implemented, but please note that the tsc.exe file is not

I'm currently working on an Angular project in Visual Studio 2017 and I've been trying to update my Typescript version to v3.2.1. I downloaded the installer from Microsoft, but after installation, I couldn't find the tsc.exe file in the 

C:\Program Files (x86)\Microsoft SDKs\TypeScript\3.2
folder. However, I did find it in the 
C:\Program Files (x86)\Microsoft SDKs\TypeScript\3.1
folder.

To inform Visual Studio about the new version, I updated the path in my Environment Variables > System Variables to point to the new 

C:\Program Files (x86)\Microsoft SDKs\TypeScript\3.2\
folder. After this change, the tsc -v command stopped working. Could this be due to the absence of a tsc.exe file in the folder?

I'm also confused by the option to install TypeScript using NPM, which seems to install it in my user/AppData/Roaming/npm folder. Should I opt for both installations?

I would greatly appreciate any advice or suggestions regarding this matter.

typescriptvisual-studio-2017

Answer №1

Starting from version 3.2, the installation process for tsc.exe has changed.

  1. Begin by right-clicking on your project and selecting "Manage Nuget Packages...";
  2. In the list of packages, search for and install Microsoft.TypeScript.Compiler;

You can locate the tsc.exe file within the following directory: [project root]\packages\Microsoft.TypeScript.Compiler[version number]\tools

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

"Unexpected compatibility issues arise when using TypeScript with React, causing errors in props functionality

Just the other day, my TypeScript+React project was running smoothly. But now, without making any changes to the configurations, everything seems to be broken. Even rolling back to previous versions using Git or reinstalling packages with NPM does not solv ...

javascriptreactjstypescriptjsx

What's the reason behind the inconsistency of the exports field in typescript and npm?

Our software development kit @ltonetwork/lto is built using typescript. We utilize the tsc compiler to convert the codebase into JavaScript files stored in the lib directory. Within the package, there are multiple sub-packages located in subdirectories, e ...

node.jstypescriptnpm

Angular 5 offers the capability to use mat-slide-toggle to easily display and manipulate

I am experiencing an issue with displaying data in HTML using a mat-slide-toggle. The mat-slide-toggle works correctly, but the display does not reflect whether the value is 1 (checked) or 0 (unchecked). Can anyone provide some ideas on how to resolve this ...

angularformstypescriptangular-materialangular-material2

How to resolve the 'TypeError: Cannot read property 'type' of undefined' error when running tests with Jest for i18next

I've been working on a React project where I implemented i18next version 15.0.4 and react-i18next version 10.2.0 as dependencies. To handle internationalization, I created a module that initializes i18next with react-i18next and now I'm trying to ...

typescriptjestjsi18nextreact-i18next

Sending selected IDs from the JSON data

In my project, there is a JSON file named "workers" which contains information about all the workers. I have created a select component to display the names of the workers like this: https://i.sstatic.net/0Glyf.png Currently, I am selecting some workers ...

angulartypescriptangular6

The interface is incompatible with the constant material ui BoxProps['sx'] type

How can I make the interface work for type const material ui? I tried to register an interface for sx here, but it keeps giving me an error. import { BoxProps } from '@mui/material'; interface CustomProps { sx: BoxProps['sx&apo ...

reactjstypescriptmaterial-ui

Looking for the location of the traceResolution output?

When I enable traceResolution in my tsconfig.json file, where can I expect to see the resulting output? { "compilerOptions": { "traceResolution": true, ... The --traceResolution flag enables reporting of module resolution log messages. You ...

typescript

Unsubscribing from a nested observable - a step-by-step

In our Angular component, we leverage the ngOnDestroy() method to handle canceling http requests that are still pending when navigating away from a page. To avoid reloading data that has already been fetched, we utilize a custom generic cache helper on cer ...

angulartypescriptrxjsobservable

What is the best way to include a Generic type into a functional component's props that also extends a different interface for its props?

Explanation I am currently working on developing a dynamic input form using the FormProvider feature from react-hook-form. const formMethods = useForm<TSongFormData>(); return ( <FormProvider {...formMethods}> <SongInputForm /> ...

reactjstypescriptgenericsnext.jsreact-hook-form

Combining two observables into one and returning it may cause Angular guards to malfunction

There are two important services in my Angular 11 project. One is the admin service, which checks if a user is an admin, and the other is a service responsible for fetching CVs to determine if a user has already created one. The main goal is to restrict ac ...

javascriptangulartypescriptrxjs

Using a static enum in a different class in TypeScript: A guide

After referencing this question and answer on Stack Overflow about setting a static enum inside a TypeScript class, I decided to create my own enum and implement it as a static property in my class. Here is how I did it: /* Input.ts */ enum INPUT_TYPE { T ...

typescript

When using Reactjs, it is not possible to update the state using useState within the handleSubmit function

I've encountered a puzzling error and could use some assistance in understanding it better. After calling setServerList(data.data), the data still appears empty when I attempt to use it. export const KernelUpdateSearch = (props: RouteComponentProps) ...

reactjstypescriptsetstate

Updating tooltip text for checkbox dynamically in Angular 6

Can anyone help me with this code? I am trying to display different text in a tooltip based on whether a checkbox is active or not. For example, I want it to show "active" when the checkbox is active and "disactive" when it's inactive. Any suggestions ...

htmlangulartypescriptangular6

The Angular code is currently unable to retrieve the quiz ID

Hey there, I am encountering an issue with fetching the Qid from the server side. Interestingly enough, it works perfectly fine in Postman but not in Angular. The problem seems to be isolated to the Quiz ID retrieval, as other IDs like Category ID and Ques ...

angulartypescripthttpserver-side-renderingclient-side

Error: The "res.json" method is not defined in CustomerComponent

FetchData(){ this.http.get("http://localhost:3000/Customers") .subscribe(data=>this.OnSuccess(data),data=>this.OnError(data)); } OnError(data:any){ console.debug(data.json()); } OnSuccess(data:any){ this.FetchData(); } SuccessGe ...

javascriptangulartypescript

Is it possible to continuously re-render a React Functional Component with Axios and useState/useEffect?

Seeking assistance with creating a React Functional Component using Typescript to fetch data from an API and pass it to another component. However, encountering the error message "Error: Too many re-renders. React limits the number of renders to prevent an ...

javascriptreactjstypescriptuse-effectuse-state

What are some ways to troubleshoot the TypeScript React demonstration application in Chrome?

Debugging a TypeScript app in the Chrome debugger is a straightforward process. First, you need to configure the tsconfig.json file: "sourceMap": true, Next, install ts-node and set a breakpoint in your TypeScript code using "debugger;" ...

reactjstypescriptgoogle-chromegoogle-chrome-devtoolsfirefox-developer-tools

Tips for binding two elements bidirectionally to a single date module

I am working with two date picker elements, one for selecting months and another for selecting years. I want to establish a two-way binding between these elements and a JavaScript Date object. My inquiry is as follows: Is it feasible to achieve this? If s ...

angulartypescriptdatetime

Support for SBE protocol within the grpc/javascript framework

Our plan is to utilize grpc for communication between web UI and server, as well as implement SBE as our communication protocol. I have two questions regarding this: Is it possible to integrate the SBE protocol with grpc instead of protobuf? Are there res ...

javascripttypescriptgrpcgrpc-node

Acquire Base64 Representation from an HTTP Call

I'm looking for a solution to convert an image from a URL into a base64 string using two functions: getImageAsBlob and toBase64. The former uses HttpClient to fetch the image as a Blob, while the latter converts the retrieved Blob into a base64 string ...

angulartypescript