Skip to content

Instantly share code, notes, and snippets.

@adrianhajdin
Created March 22, 2022 13:10
Show Gist options
  • Select an option

  • Save adrianhajdin/bbe19d3a3055e3c7b66b0bfac25c5c49 to your computer and use it in GitHub Desktop.

Select an option

Save adrianhajdin/bbe19d3a3055e3c7b66b0bfac25c5c49 to your computer and use it in GitHub Desktop.
Client Side package.json
{
"name": "mern-stack-client",
"version": "0.1.0",
"private": true,
"proxy": "https://memories-project-part4.herokuapp.com/",
"dependencies": {
"@material-ui/core": "^4.9.10",
"@material-ui/icons": "^4.9.1",
"@material-ui/lab": "^4.0.0-alpha.58",
"@testing-library/jest-dom": "^4.2.4",
"@testing-library/react": "^9.3.2",
"@testing-library/user-event": "^7.1.2",
"axios": "^0.19.2",
"jwt-decode": "^3.1.2",
"material-ui-chip-input": "^1.1.0",
"moment": "^2.27.0",
"react": "^16.12.0",
"react-dom": "^16.12.0",
"react-file-base64": "^1.0.3",
"react-google-login": "^5.1.25",
"react-redux": "^7.1.3",
"react-router-dom": "^5.2.0",
"react-scripts": "3.4.1",
"redux": "^4.0.5",
"redux-thunk": "^2.3.0"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": "react-app"
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
},
"devDependencies": {
"@redux-devtools/core": "^3.9.0",
"@redux-devtools/dock-monitor": "^1.4.0",
"@redux-devtools/log-monitor": "^2.3.0",
"eslint-config-airbnb": "^18.2.1",
"eslint-plugin-import": "^2.22.1",
"eslint-plugin-jsx-a11y": "^6.4.1",
"eslint-plugin-react": "^7.21.5",
"eslint-plugin-react-hooks": "^4.2.0"
}
}
@edcsu
Copy link

edcsu commented May 7, 2022

For dev dependencies
npm i @redux-devtools/core @redux-devtools/dock-monitor @redux-devtools/log-monitor eslint-config-airbnb eslint-plugin-import eslint-plugin-jsx-a11y eslint-plugin-react eslint-plugin-react-hooks --save-dev

@codeking1662
Copy link

fsf

@birukindrias
Copy link

Screenshot from 2022-08-17 10-40-05

Screenshot from 2022-08-17 10-40-00

can u please help me with this

@birukindrias
Copy link

after i copy and run npm install this error happen both when i did it by myself and after i cloned the repository of yours pleas
e

@djudemzy007
Copy link

this should help with the complete installation of deps

$ npm i axios jwt-decode material-ui-chip-input moment react-file-base64 react-google-login react-redux redux redux-thunk react-router-dom --legacy-peer-deps

@Thanushh
Copy link

Should we change the name of the package.json to our own name?

@tanmoy108
Copy link

npm i @redux-devtools/core @redux-devtools/dock-monitor @redux-devtools/log-monitor eslint-config-airbnb eslint-plugin-import eslint-plugin-jsx-a11y eslint-plugin-react eslint-plugin-react-hooks --save-dev

thanks bro

@natyrix
Copy link

natyrix commented Dec 5, 2022

"start": "export SET NODE_OPTIONS=--openssl-legacy-provider && react-scripts start",
"build": "export SET NODE_OPTIONS=--openssl-legacy-provider && react-scripts build",

This worked for me.
Just replace your start and build scripts with the above one.

@edwardoluyara
Copy link

edwardoluyara commented Dec 12, 2022

Yarn install works perfectly with no errors you should try that (It will install all the cloned dependencies even without using npm install --legacy-peer-deps.

to manually add your "devDependencies" you can run yarn add -D @redux-devtools/core @redux-devtools/dock-monitor @redux-devtools/log-monitor eslint-config-airbnb eslint-plugin-import eslint-plugin-jsx-a11y eslint-plugin-react eslint-plugin-react-hooks

@DevKenny-git
Copy link

I copied this package.json file and use it to replace the package.json in my server. When ran my first nodemon, i discovered this package.json is actually for the client side

@YugBhanushali
Copy link

YugBhanushali commented Dec 28, 2022

npm i @material-ui/core @material-ui/icons @material-ui/lab axios jwt-decode material-ui-chip-input moment react-file-base64 react-google-login react-redux react-router-dom redux redux-thunk --legacy-peer-deps

@YugBhanushali
Copy link

If any error occurs while downloading dependency just add "--legacy-peer-deps" to your command at the end and it will run

@techvfxking
Copy link

Thanks man

@DeveloperMindset123
Copy link

"start": "export SET NODE_OPTIONS=--openssl-legacy-provider && react-scripts start", "build": "export SET NODE_OPTIONS=--openssl-legacy-provider && react-scripts build",

This worked for me. Just replace your start and build scripts with the above one.

Not sure if it's becasue I have windows, but I had to make the following modification on my package.json file for the client side:

"start": "set NODE_OPTIONS=--openssl-legacy-provider&& react-scripts start",
"build": "set NODE_OPTIONS=--openssl-legacy-provider && react-scripts build",

A bit different from what you posted but definitely fixed my issue with the "npm start"

@Srikar04
Copy link

"start": "export SET NODE_OPTIONS=--openssl-legacy-provider && react-scripts start", "build": "export SET NODE_OPTIONS=--openssl-legacy-provider && react-scripts build",

This worked for me. Just replace your start and build scripts with the above one.

Yes it is Working

@bhaguuu
Copy link

bhaguuu commented Jun 8, 2023

[eslint] Failed to load config "react-app" to extend from.
Referenced from: C:\Memories Project\client\package.json
my code give this error can anyone help me

@Nbs-26
Copy link

Nbs-26 commented Jul 29, 2023

Yes, these changes have helped to run start the react app ,without producing any errors.

Copy link

ghost commented Aug 8, 2023

when i try in install packages, I getting this error
image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment