Whenever I try to create a react app, the CMD always outputs the error below NPX: command not found. I looked at previous GitHub and Stack Overflow questions that were same as mine, however removing and then adding NPX again doesn't work. I also uninstalled node.js and then reinstalled it but that didn't work either! Below is the error and my node version:
enter image description here
Run npm i npm to install node package manager if it was not included in your installation. To make sure the installation was a success run npm -v in the command line.
Related
I installed the latest nodejs 19.2.0 on my windows 11 OS rather than the recommended for most users 18.12.1
npx create-react-app my-first-app works just fine, it creates all the files and folders without any errors, shows happy hacking message as well, recommends to use npm start command. I go inside my-first-app folder, go npm start and I get a module not found error...like this picture
Error Message Screenshot
In youtube tutorials, there is no any error in their pc. npm start runs just as easily as npx create-react-app <anyappname>.
F:\Tutorial & Practice\Frontend development\React Projects\my-first-app. With this path to your project, I can see there is an & symbol in the Tutorial & Practice directory. Sometimes that might cause error. Try renaming the directory without any symbols or even spaces, just to be sure. Then run npm start. And if that still doesn't work delete the node_modules folder and then npm install again and see if that works.
Try this first:
npm install react-scripts
If the error wasn't solved, then try this:
rm -rf node_modules
npm cache clean -f
npm install
npm install react-scripts
I have been trying to look for answers all over and I cannot find any.. Whenever I go to create a react app, (I use visual studio code) I will type in the terminal (I do the NPX lowercase but stack overflow wouldn't let me post if lowercase) NPX create-react-app title and it will open up a new command prompt for a split second then just close.. all i get to see is an error called NPM WARN then it closes.. This happens for almost all NPM commands I do.. Is there any way I can fix this, it is really starting to get annoying.
Since the cause of the error is not clear, first try
npm init react-app my-app
command be sure using npm version 6 or higher. If it doesn't work try
npm install -g create-react-app
then use
npx create-react-app hello-world
command again.
If none of this commands work, you can uninstall npm and other libraries, frameworks related to react then install the last stable versions of them.
Everything working well but I don't know what happened, Now when I trying to hit Ionic Serve command it gives error and I have tried with different ionic version and node and npm version to fix the error but the issue remains same even I have tried to start from the fresh project but still no luck. I have attached the error page If anyone helps me it will be really grateful.
Versions that I have installed in my system -
Node = v10.15.3
Npm = 6.4.1
Ionic = CLI 4.12.0
Delete your node module folder which is inside your project then open your terminal and got to inside your project and use this following command "npm install --force" then "npm rebuild node-sass --force".
I don't understand why my npm make that and i'm new with react-native.
Here is the description of my "bug" on Windows 10 :
I can use react-native command for run android or create react-native app like that react-native init TestApp
When i go into my app folder with cd TestApp and i run react-native link or other react-native command everythings work fine.
But if i install a new package like fbsdk with npm like that npm install react-native-fbsdk --save i saw after installation this message :
added 1 package and removed 639 packages in 22.207s
And after that, if i would like use react-native command i have this message :
Command link unrecognized. Make sure that you have run npm install and that you are inside a react-native project.
For this message, i have entered react-native link command.
You know why npm remove all my packages ?
I got the same problem.
However I solved the problem by deleting the package-lock.json and then running npm install.
Check the answer here.
I also noticed recently that npm install doesn't do what I expect, but that may be because I'm newbie.
However yarn install is a good replacement and is working fine for me. I used it to upgrade/downgrade things by directly editing packages.json, and it also solved the npm link problem that I faced.
Edit: downgrading to npm 7 solved all my issues
I've got a problem starting npm modules f.e. ionic, cordova, protractor. When I write something f.e.like:
ionic serve
It response with:
zsh: command not found: ionic
I installed these modules globally npm install -g ionic and locally npm install ionic, but the output is still the same. Also I tried to run them locally in directory ./node_modules/.bin/ again the same result. Another thing, that I've tried to change path of installation like here Cannot run ionic. receives "No command 'ionic' found", but didn't get the needed result. I still think, that the reason is in path, that npm installs modules, in my case it's ~/npm/bin. Thanks in advance.
Try using bash and running the same command.