React-Router causing 12969 high severity vulnerabilities - reactjs

Starting a new project using
npx create-react-app my-app --typescript
I had no errors, I installed
npm install --save react-router-dom #types/react-router-dom
And get the error
mixin-deep#2.0.1 added 1 package from 1 contributor, updated 1
package, moved 1 package and audited 902212 packages in 13.484s found
12969 high severity vulnerabilities
I'm running Node v12.6.0 & npm 6.10.1 on a Windows PC. I've tried running npm audit fix, but it states I have to fix them manually.
Installing react-router and getting 12969 high severity vulnerabilities seems a little excessive, does anyone know what's going on? Am I doing something wrong?

Related

create-react-app is no longer working in my computer anymore

create-react-app is no longer working on my computer
A template was not provided. This is likely because you're using an outdated version of create-react-app.
Please note that global installs of create-react-app are no longer supported.
You can fix this by running npm uninstall -g create-react-app or yarn global remove create-react-app before using create-react-app again
I obviously try the npm uninstall -g create-react-app command, but it didn't work.
I tried to update npx, npm, clear cache on npx, on npm, I tried installing the latest version of the create-react-app. nothing worked so far.
npm install create-react-app#latest
npm WARN deprecated tar#2.2.2: This version of tar is no longer supported, and will not receive security updates. Please upgrade asap.
added 51 packages, removed 6 packages, changed 12 packages, and audited 68 packages in 2s
4 packages are looking for funding
run `npm fund` for details
3 high severity vulnerabilities
To address all issues (including breaking changes), run:
npm audit fix --force
Run `npm audit` for details.
I tried uninstalling tar, the exact same message as before appears.
I solved it
the command npm install tar#6 -g
was what I needed to properly update tar and the error disapear.
Thanks to all who took the time to help me

npx create-react-app won't work and this is what I get

I tried updating node and npm and I uninstalled create-react-app globally but I still got this error please help.
Creating a new React app in /Users/mac/Desktop/monsters-rolodex.
Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts...
added 1902 packages, and audited 1903 packages in 59s
153 packages are looking for funding
run npm fund for details
27 vulnerabilities (16 moderate, 9 high, 2 critical)
To address all issues, run:
npm audit fix
Run npm audit for details.
A template was not provided. This is likely because you're using an outdated version of create-react-app.
Please note that global installs of create-react-app are no longer supported.
You can fix this by running npm uninstall -g create-react-app or yarn global remove create-react-app before using create-react-app again.

Error while npm run build? eslint package error

npm start
pushercoins#0.1.0 start
react-scripts start
There might be a problem with the project dependency tree.
It is likely not a bug in Create React App, but something you need to fix locally.
The react-scripts package provided by Create React App requires a dependency:
"eslint": "^7.11.0"
Don't try to install it manually: your package manager does it automatically.
However, a different version of eslint was detected higher up in the tree:
/Users/sujit_jaiwaliya/node_modules/eslint (version: 6.8.0)
SOLUTION:
This worked for me I hope it does the same to you guys:
I Unistall eslint version 6.8.0 :
npm uninstall eslint#6.8.0
Then I install eslint#7.11.0:
npm i eslint#7.11.0
Then i run fix audit:
npm audit fix --force
Then i changed the DIR file by adding a .env file with this code in it :
ESLINT_NO_DEV_ERRORS=true
This issue has been fixed in the react-scipts:"4.0.3" but, the eslint errors present in the project are not converted to warnings by default. You have to create an .env file that should contain a ESLINT_NO_DEV_ERRORS=true flag. Due to this flag, you will receive the eslint errors as warnings and not as errors in the development.
This flag is ignored during production and when they are any git hooks running, which will, in turn, cause an error when you are trying to commit the code with an eslint error in it.
This is because you already have some other version of eslint installed. To resolve this, first remove that version (in this case 6.8.0) and then again run
npm start
Uninstall the other version using npm uninstall eslint
I started the project with the right versions of everything but somewhere my code broke and started requesting a different version of eslint. "react-scripts" was the only package that had eslint as a dependency.
I tried npm uninstall eslint but it didn't quite work. So I removed react-scripts and then reinstalled it as below
npm uninstall react-scripts
npm install react-scripts.
You might want to install the specific version that was installed before. If your current version is 4.0.3 then when installing just add it at the end like this npm install react-scripts#4.0.3 on step 2 above.
It totally removed the error for me, hope it does for you too.

npm (react navigation)module is not updated

when i install react navigation module like this
these module requires somethig like react-native
but i installed and package.josn have that module
how can i do?
+ react-navigation#4.2.2
+ uuid#7.0.2
+ react-navigation-tabs#2.8.2
+ react-navigation-stack#2.2.3
removed 2 packages, updated 4 packages and audited 72980 packages in 8.487s
10 packages are looking for funding
run npm fund for details
found 4 low severity vulnerabilities
run npm audit fix to fix them, or npm audit for details
PS C:\Users\dys07\react-native-in-action\CitiesApp>
and packge.json is
When this thing happened to me, I use to upgrade the warning modules.
Like,
npm install uuid#latest
npm install request#latest
etc.
On command prompt and then all vulnerabilities fixed.

NPX create-react-app aborting installation after vulnerabilities found

I have been trying to start learning React and JSX but I have been running into problems with using create-react-app. Every time I have used it eventually states that it is aborting installation and that npm install --save save-exact --loglevel error react react-dom react-scripts has failed. It also state before the installation aborts that there were a number of packages added and a certain number of vulnerabilities found. I have tried searching for other ways to create a React app from scratch and have followed these tutorials to only run into problems and have these fail as well.
Node Version 10.15.2 -- Same error occurred.
Reverted to Node Version 8.15.1 -- Same error still occurs.
NPM version 5.8.0 has not been changed.
npm cache clean --force
Has not changed receiving the error.
If someone could shed some light on what I might try next or what additional information might be helpful I would greatly appreciate it. Thank you. Here is what my screen looks like after trying npx create-react-app my-app
C:\Users\User\Desktop\Programming Courses\YouTube Tutorials\Learn React.js>npx c
reate-react-app my
'0' is not recognized as an internal or external command,
operable program or batch file.
Creating a new React app in C:\Users\User\Desktop\Programming Courses\YouTube Tu
torials\Learn React.js\my.
Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts...
'0' is not recognized as an internal or external command,
operable program or batch file.
+ react-dom#16.8.3
+ react#16.8.3
+ react-scripts#2.1.5
added 1813 packages from 716 contributors and audited 36230 packages in 77.867s
found 63 low severity vulnerabilities
run `npm audit fix` to fix them, or `npm audit` for details
Aborting installation.
npm install --save --save-exact --loglevel error react react-dom react-scripts
has failed.
Deleting generated file... node_modules
Deleting generated file... package.json
Done.
C:\Users\User\Desktop\Programming Courses\YouTube Tutorials\Learn React.js>

Resources