`npm list`, it doesn't show `create-react-app` - reactjs

a quick and probably a silly question but really couldn't find the answer. So ok, I have already installed \[create-react-app\] via npm, but when i use npm list, it doesn't show me that, why? what would be the command-line that shows everything that I have used npm to install?

Did you use the save option when you installed?
npm install create-react-app --save
It's possible that you npm installed it somewhere different than where you are calling npm list. In that case try:
npm list -g
Depending on user you may have to sudo those commands on Linux.

Related

Npm running version 2.15.12 instead of the latest version 6 in windows

when i run npx create-react-app my-app i get an Npm version 2.15.12 warning
However when I check node -v i get 14.2.1 and npm -v I get 6.4.1
but when i install my app I get an error / warning.
You are using npm 2.15.12 so the project will be bootstrapped with an old unsupported version of tools.
Please update to npm 6 or higher for a better, fully supported experience.
I have done the following:
Uninstalled and reinstalled nodejs
deleted the npm_cache and npm folder from ..AppData\Roaming
Deleted npm from ..programmes\node js
I have also tried using Windows power shell.
Someone help please.
On Windows (non-PowerShell, see below for PowerShell), check which npm is being run with npx like this:
npx where npm
Compare the path to npm that command returns with this:
where npm
You may also want to make sure you're not using an old version of npx that exists in some surprising place:
where npx
That will at least allow you to locate the old version of npm (and/or npx) that you'll want to get rid of.
Additionally, you can force npx to use npm 6 like this:
npx -p npm#6 create-react-app my-app
But that will have npx install its own npm rather than use the npm you already have installed, so you'll end up with two npm 6 installations on your computer.
For folks on UNIX-like operating systems (or perhaps if you're using WSL), use which instead of where in the commands above.
In PowerShell, you'll need to use where.exe rather than just where.
Answer from 2022! : I'm using npm 8.3.0. It did show the same error. I used a command
yarn npm info
It finally revealed the path of npm 2.15.12. Deleted those files and I am in real now.
And you need yarn installed.
I got the same issue and solved it by this command in the Windows PowerShell:
npm install npm#7
I hope it helps someone as well!

ERROR in Cannot find module 'node-sass'

Config: macOS High Sierra, version 10.13.2, node:v8.1.2 npm:5.0.3
When I run npm start in my angularjs project I get this error:
ERROR in Cannot find module 'node-sass'
After this I run:
npm i node-sass
Now I get this error:
gyp: No Xcode or CLT version detected!
gyp ERR! configure error
gyp ERR! stack Error: `gyp` failed with exit code: 1
Why won't npm install node-sass? How can I install node-sass?
Here's the solution:
sudo npm install --save-dev --unsafe-perm node-sass
Enjoy!
Edited to explain the options (from comments):
--save-dev is used so that your app is able to find the module in local node_modules. --save-dev adds package to devDependencies in package.json. --unsafe--perm is used to run install scripts as root. To avoid sudo, use nvm instead. --unsafe--perm is really not needed as sudo is already mentioned. So the command basically air tights the script to install node-sass at any cost.
This error is for node-sass is not present ... to solve this just you want to run following command
npm install node-sass
According to node-sass github page, supported node.js version vary release by release.
https://github.com/sass/node-sass
Example:
Check the version of node you are running.
node -v
-> v12.0.0
you need node-sass v4.12+. so you can
npm install node-sass#4.12.0
or if 4.12.0 is the latest
npm install node-sass#latest
(npm install node-sass will install the latest version in many cases, but remember that it does not always install the latest(in this example 4.12.0) if dependency in package.json is written like ^3.0.0, ~4.11.0)
What's the difference between tilde(~) and caret(^) in package.json?
Lastly, using sudo with npm is not a good practice. Please refer to this article.
https://medium.com/#ExplosionPills/dont-use-sudo-with-npm-still-66e609f5f92
Doing npm uninstall node-sass and then npm i node-sass did not work for me.
Solution worked for me is npm install --save-dev node-sass.
Happy Coding..
Run:
npm rebuild node-sass --force
and it'll work fine.
It worked for me...
sudo npm rebuild node-sass --force
node-sass is not being installed and it can be one of many reasons
You have not installed it
npm install node-sass --save-dev
You are having a permissions error
sudo npm install --save-dev --unsafe-perm node-sass
You had a memory issue because it tried to make it (build from c code in your platform),this applies to some platforms and node versions
node --max_old_space_size=8000 $(which npm) install node-sass --save-dev
Your node and npm versions are not compatible,which most probably generated a failure in the build process,
In this case use n or nvm to make sure you have the same version in the new and original environment, the one where it did work, as this is usually by using different versions in different environments
This is what worked for me. I first uninstall node-sass. Then install it back.
npm uninstall node-sass
npm install --save-dev node-sass
It failed for me because I was using the latest version of node (12.7.0) I then had to explicitly install the latest version of node-sass with:
npm install node-sass#4.12.0
I have fix this problem without installing node-sass by this command:
npm install node-sass#4.12.0 --no-save --unsafe-perm
One of the cases is the post-install process fails. Right after node-sass is installed, the post-install script will be executed. It requires Python and a C++ builder for that process.
The log 'gyp: No Xcode or CLT version detected!' maybe because it couldn't find any C++ builder. So try installing Python and any C++ builder then put their directories in environment variables so that npm can find them. (I come from Windows)
I checked the Node version in my local machine, which is v10.11.0.
Then when I checked my development machine, where the error occurred, it had Node version V.10.8.0.
Upgrading Node to v10.11.0 in my development machine fixed the issue.
Hope this helps.
In my case I had to also had to perform:
npm install sass-loader
To fix the problem
There is an issue with downloading npm dependencies due to network which you have. try to download the npm dependencies in open network . you won't get any issue. i am also faced this similar issue and resolved finally.
use below commands: npm install (it will download all depedencies)
npm start to start the angular application
npm install node-sass will do the job in most of the cases, as it will add missing sass npm dependency module doesn't exist or it will overwrite previous crashed version.
For Mac Users use sudo in front of above commands.
On Windows machines npm rebuild node-sass --force may not work for some users because it's essentially saying, "please force npm to rebuild the sass node module for me". It will not work because that module doesn't exist.
Whenever you did npm install to the initial installation, the sass module did not get installed, which is why this problem occurs.
My problem was that a webfilter didn't allow me to download the node-sass package, when I executed the command
npm i
After the installation of the Windows Build Tools
npm i -g windows-build-tools
it build node-sass on it's own and now I can use it.
PS: I also installed Python 2.7.17 before, but I don't think that helped.
Try sudo npm install node-sass#4.12.0 if your node version is 12.
you must install node-sass in dev section of package.json
npm install --unsafe-perm node-sass --save-dev
If you run
npm install node-sass
and it still doesn't work remember to change permission to folder
I have also been facing this error. None of the above methods work for me. Please follow this as it worked for me.
For Installing node-sass in Ubuntu 16 via npm :-
You can install with npm 5.2.0 Version
If you are using nvm :-
nvm install 8.2.1
nvm use 8.2.1
npm install node-sass
If you are using npm separately then upgrade or downgrade npm version to 5.2.0
npm install node-sass
I ran into this error while I was using Microsoft Visual Studio Code's integrated git terminal. For some weird reason VS code was not allowing me to install 'node-sass'. Then I used 'Git Bash' (which was installed with git) and ran the following command:
npm install node-sass
It worked for me. I don't know why & how it worked. If anyone has any explanation please let me know.
You should try to check the log generated by npm install.
I have faced the same issues, and I found the error that python2 is not found in the path (environment variable).
After installing Python, everything worked fine.
I had a similar issue when I tried to run a project.
First i uninstalled the current version
npm uninstall node-sass
Then i reinstalled to the latest version with
npm install node-sass
Upgrading to latest version of nodeJS solved my problem
npm install --save-dev --unsafe-perm node-sass
This will do magic, you can use it with sudo
I had the same error when installing dependencies in Angular. I've tried aforementioned techniques but none of them worked until I've deleted package-lock.json which was previously created when running Node v11.
Now I'm using Node v12 so this is how I got resolved.
I repeat if you have package-lock.json delete it, file and then install dependencies.
Exactly same issue i was also facing and i tried all above answers but could not resolve, Below is the command which fixed my problem.
npm install sass-loader sass webpack --save-dev
https://www.npmjs.com/package/sass-loader
I've fixed this problem by installing v10.16.10 node version.
I met same issue installing node-sass when I am on Node 12.9.0
Once switching to Node 10.19.0, the issue is gone.
Reference: https://github.com/sass/node-sass/issues/2632
There seems to be an issue with the version "node-sass": "4.5.3", try updating to the latest version. Such as you could try adding ^ "node-sass": "^4.5.3" for the latest version

Command not found returned in terminal on almost every line

I'm trying to work with AngularJS but I can't even get pass installing it via Terminal.
I enter this onto the command line
npm install -g #angular/cli
I get this as a result
- bash: npm: command not found
I seem to be getting this same error log on almost every command, the rest return nothing
I'm stumped as to why it's not working.
For reference I'm using OS X 10.9.5
Make sure you got node installed which comes with npm
https://nodejs.org/en/
You error looks like you don't even have node installed on your computer, first of all, you need to install node js on you computer, once you’ve installed Node.js, you can make sure you’ve got the very most recent version of npm using npm itself: sudo npm install npm -g.
Then you can continue your installation with the step below:
To install #angular/cli locally run npm install #angular/cli --save, while to install it globally run npm install -g #angular/cli.
But if it requires a root access, then you have to include the sudo which will then be sudo npm install -g #angular/cli.
I figured it out. I needed to adjust the .bash_profile by entering this
echo "export PATH=/usr/bin:/bin:/usr/sbin:/sbin:/usr/local/bin:/usr/X11/b‌​in" >> ~/.bash_profile
Thanks to everyone who gave advice :)

React Native Camera

Hey there!
So, I'm testing React-Native and this problem have come up, and not sure what it wants.
I have upgraded it, and also download latest versions.
This is the error:
npm WARN react-native-camera#0.6.0 requires a peer of react#>=15.4.0
but none was installed.
It won't allow me to download it running the following command
npm install react-native-camera --save
Thanks for your time.
Hey i had the same problem with react native camera
First make sure the version is up to date.Either latest or next. Unless update it
as
npm install npm#latest -g
Then reinstall camera again(No need to uninstall anything, because it is not installed yet)
Here is the same issue that i opened in github now Closed because it solved the problem :)
EDIT:
i'm sure you got this error when you start to run
npm install react-native-camera#https://github.com/lwansbrough/react-native-camera.git --save
command right ? so it failed and never installed so,
what you have to do is run command
npm install npm#latest -g
then run
npm install react-native-camera#https://github.com/lwansbrough/react-native-camera.git --save
back again

Local Npm module "grunt-legacy-util" not found. Is it installed?

i have a problem with grunt serve,(i dont know if it's normal) grunt serve said me "works without errors" but the first message is local npm module "grunt-legacy-util" not found. Is it installed?", i need to delete node_modules folder and make npm install to can work with the server. i do grunt update, npm install grunt-legacy-util, npm install,npm update, but say same message...i use angularjs make with yeoman and webstorm, any idea please?
You can run a sudo command on it as perhaps the file isn't accessible/hidden (for some odd reason).
sudo npm install -g grunt-legacy-util
Check out this GitHub post should that not work: https://github.com/Widen/fine-uploader/issues/1165
It could also be that your NPM that is installed globally is clashing with the NPM in your root directory. Though unlikely.
This is what worked for me:
npm update
The running this following commands again fixed it for me:
npm install -g bower,
npm install -g grunt-cli,
bower install,
npm install.

Resources