ChatGPT解决这个技术问题 Extra ChatGPT

'tsc command not found' in compiling typescript

I want to install typescript, so I used the following command:

npm install -g typescript 

and test tsc --version, but it just show 'tsc command not found'. I have tried many ways as suggested in stackoverflow, github and other sites. but it doesn't work. How could I know typescript is installed and where it is.

my OS is Unix, OS X El Capitan 10.11.6, node version is 4.4.3, npm version is 3.10.5

Most likely you have a problem with your node/npm setup; for example, the relevant npm directory is not on your path. Where typescript is installed depends on your environment, but you could start with npm list -g. Or try npm config get prefix (your packages will normally be in the bin directory under this). Also see this question.
Thanks you , I got it. I forgot to export prefix path.
You can also check my answer
I got it working switching to yarn
in my case i had two windows users and i forgot i need to add it to the path

b
basarat

A few tips in order

restart the terminal

restart the machine

reinstall nodejs + then run npm install typescript -g

If it still doesn't work run npm config get prefix to see where npm install -g is putting files (append bin to the output) and make sure that they are in the path (the node js setup does this. Maybe you forgot to tick that option).


Thanks, I got it. Sure , I forgot to assign path `export PATH=/prefix'sPath/bin:$PATH' and (docs.npmjs.com/getting-started/fixing-npm-permissions) also this site suggest like this. I used a whole day for this :).
stackoverflow.com/a/46783952/495157 - This answer is more informative - especially if you do Angular/Ionic development.
I had to uninstall node/npm. Used brew to install NVM and then installed node using nvm install node then sudo npm install -g typescript to get tsc --version to work
I did only "npm install typescript -g" and it worked perfectly
Upgrading node-version helped me.
D
Dharman

You are all messing with the global installations and -path files. Just a little error might damage every project you have ever written, and you will spend the rest of the night trying to get a console.log('hi') to work again.

If you have run npm i typescript --save-dev in your project - just try to run:

npx tsc 

And see if it works before messing with global stuff (unless of course you really know what you are doing)


Correct answer.
Finally an answer without global installations
Agree, this should be the accepted answer! To init a new npm package, run those 3 commands: npm init -y && npm i typescript --save-dev && npx tsc --init
Thanks for taking into account global installations. Though I want to add that 'npx tsc foo.ts' is needed to compile TS to JS
O
Oscar Jovanny

I had to do this:

npx tsc app.ts

This helped me, but to clarify, I had to do npm install --save-dev typescript && npx tsc --version && npx tsc <filename>. This installed tsc, successfully tested it with --version, and successfully compiled my ts file to a js file.
This worked, but i just used npx tsc. Adding tsc probably resolves need to use npx.
Why is that some have to use 'tsc' with npx and for others it works without npx?
D
Dharman

After finding all solutions for this small issue for macOS only. Finally, I got my TSC works on my MacBook pro.

This might be the best solution I found out.

For all macOS users, instead of installing TypeScript using NPM, you can install TypeScript using homebrew.

brew install typescript

https://i.stack.imgur.com/wKpB8.png


After 12 hours this works for me :) just following your post. Thank you so much @Marjun
You're welcome @Prashen :)
P
Penny Liu

Globally installing TypeScript package worked for me.

npm install typescript -g

i
iamdanchiv

If your TSC command is not found in MacOS after proper installation of TypeScript (using the following command: $ sudo npm install -g typescript, then ensure Node /bin path is added to the PATH variable in .bash_profile.

Open .bash_profile using terminal: $ open ~/.bash_profile;

Edit/Verify bash profile to include the following line (using your favorite text editor):

export PATH="$PATH:"/usr/local/lib/node_modules/node/bin"";

Load the latest bash profile using terminal: source ~/.bash_profile;

Lastly, try the command: $ tsc --version.


Y
Yoh Deadfall

Easy fix for Mac I found. Just run these commands:

sudo npm install -g concurrently
sudo npm install -g lite-server
sudo npm install -g typescript

Nothing worked except this for me.


How does this answer have so many upvotes? Please don't do this. First of all, the first two packages have nothing to do with this problem and second of all, you should not be using sudo to install packages globally. Check the comment on this post: stackoverflow.com/a/57119888/163799
D
Dharman

I had this same problem on Ubuntu 19.10 LTS.

To solve this I ran the following command:

$ sudo apt install node-typescript

After that, I was able to use tsc.


L
Lahiru Amarathunge

For mac users, you don't need to restart your laptop or doing any other commands

Use brew install typescript


r
rmcsharry

This answer is specific for iTermV2 on MAC

First of all, I needed to instal as sudo (admin) during NPM install sudo npm install -g typescript NPM installs the libraries under /usr/local/Cellar/node//lib/node_modules/typescript folder and symlinks at /usr/local/Cellar/node//bin/tsc

hence I went ~/.zshrc ( .bashrc, if you use bash)and added /usr/local/Cellar/node/<your latest version>/bin to the $PATH.

reload the shell profile via source ~/.zshrc (.bashrc in your case)


Hm good to know. But who takes care of these links from now on?
j
juan.pedro.v

The only solution that work for me was put npx tsc -v or for the compiling npx tsc salida.ts

"salida.ts" is the name of the file


A
Akash Dutta

Check your npm version If it's not properly installed, then install it first run this command npm install typescript -g now tsc .ts It'll create a corresponding .js file. eg .js now try node .js


D
Dharman

None of above worked for me.

I tried this as well,

yum install typescript 

was able to compile by hook and crook as follows. Not recommended but just a workaround.

Just install locally using npm, as npm install typescript and verify in node_module folder, if its downloaded. and then run,

./node_modules/typescript/bin/tsc  --help
./node_modules/typescript/bin/tsc  //this line actually runs and compile and generate the compiled file. 

T
Tim Woohoo

For windows and yarn user, try yarn tsc --init


c
codeherk

Non-admin solution

I do not have admin privileges since this machine was issued by my job.

get path of where node modules are being installed and copy to clipboard npm config get prefix | clip don't have clip? just copy output from npm config get prefix

npm config get prefix | clip

don't have clip? just copy output from npm config get prefix

add copied path to environment variables my preferred method (Windows) (Ctrl + R), paste rundll32 sysdm.cpl,EditEnvironmentVariables under User Variables, double-click on Path > New > Paste copied path

my preferred method (Windows)

(Ctrl + R), paste rundll32 sysdm.cpl,EditEnvironmentVariables

under User Variables, double-click on Path > New > Paste copied path


R
Romain TAILLANDIER

None of above answer solve my problem. The fact is that my project did not have type script installed. But locally I had run npm install -g typescript. So I did not notice that typescript node dependency was not in my package json.

When I pushed it to server side, and run npm install, then npx tsc I get a tsc not found. In facts remote server did not have typescript installed. That was hidden because of my local global typescript install.


V
Virax

On Windows 10 i solved it by adding %APPDATA%\npm to the path


e
elena.kim

I have tried a lot to deploy the Node.js typescript project on Heroku and I have tried different solutions but none of them working for me. So, I have implemented a solution that is to create a build locally which is a dist folder, and just only push dist folder with package.json files, you don't need to push your src folder to Heroku. and in your script add "start": "node dist/index.js"

https://i.stack.imgur.com/6CiGs.png

https://i.stack.imgur.com/oeDDL.png

package.json file:

"start": "node dist/index.js",
"deploy": "tsc && git add . && git commit -m Heroku && git push heroku master",
"dev": "ts-node-dev --respawn --pretty --transpile-only src/index.ts"

https://i.stack.imgur.com/NVIQw.png


j
jake

I was having trouble with this because I didn't want to globally install typescript. I found I had to add a script to the package.json that called tsc for me. The solution can be found here - https://stackoverflow.com/a/41446584/6301243


M
Moshe Simantov

Use:

npm rebuild typescript

This will rebuild the tsc link on your machine.


D
Durgesh

For windows:

Add the path by using command as below in command prompt: path=%path%;C:\Users\\npm

As in my case, the above path was not registered for command.

%userprofile% in run windows, will give you path to C:\users\


m
mbspark

I solved this on my machine by just running sudo npm install in the directory that I was getting the error.


You shouldn't be forced to run sudo for installning packages. Then you should reinstall npm. See more Do not sudo npm
S
Stephen Rauch

This works perfectly on Mac. Tested on macOS High Sierra

sudo npm install -g concurrently
sudo npm install -g lite-server
sudo npm install -g typescript
tsc --init

This generates the tsconfig.json file.


concurrently and lite-server have little to nothing to do with being able to run the tsc command. Please do not advise installing unnecessary dependencies.