ReactJS failed on compile: module 'react' not found

Question

I am stuck with whit compile-time error:

Failed to compile.

./node_modules/@restart/context/forwardRef.js
Module not found: Can't resolve 'react' in 'C:\IdeaProjects\ai\node_modules\@restart\context'

The app has stopped to work suddenly, removing existing changes from last working iteration didn't help. Folder "../node_modules/@restart/context" is in place and is not empty. I tried to deleting package-lock.json and reinstalling, removing all modules and reinstalling, the error persisted.

How can I solve the situation?

App.js:

import React from 'react';
import './App.css';
import {Trans, withTranslation} from 'react-i18next'
import {Header} from "./components/Header";
import {C2A} from "./components/C2A";
import {DecorationOptions} from "./components/DecorationOptions";
import {ImagesGallery} from "./components/SwipeGallery";


function App({t}) {
    return (
    <div id="main">
        <Header/>
        <div className="text_wrapper">
            <p><Trans i18nKey='intro1'/></p>
            <p><Trans i18nKey='intro2'/></p>
            <C2A/>
        </div>

        <div id="bg-img1" className="background_image" />

        <DecorationOptions/>

        <div id="bg-img2" className="background_image"/>

        <ImagesGallery/>

        <div id="temp_separator">
        </div>
    </div>
  );
}

export default withTranslation('common')(App);

package.json:

{
  "name": "ai",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "bootstrap": "^4.3.1",
    "i18next": "^17.0.11",
    "i18next-browser-languagedetector": "^3.0.3",
    "react-bootstrap": "^1.0.0-beta.11",
    "react-dom": "^16.9.0",
    "react-i18next": "^10.12.2",
    "react-image-gallery": "^0.9.1",
    "react-scripts": "3.1.1"
  },
  "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"
    ]
  }
}

Have you tried the (roughly) canonical solution of blowing away node_modules and re-installing? — Dave Newton
– Dave Newton, Commented Sep 16, 2019 at 12:48
Your package.json is missing the react dependency, simply run npm install react --save — Gilad Bar
– Gilad Bar, Commented Sep 16, 2019 at 12:48
@GiladBar: You were right, thanks a lot! Would you like to write an answer? Do you have any idea how the change could have happened? — Faire
– Faire, Commented Sep 16, 2019 at 13:02

Gilad Bar · Accepted Answer · 2019-09-16 13:12:56Z

2

Your package.json is missing the react dependency, simply run npm install react --save. Basically there's no reason or anything that can remove this dependency from the package.json, other than deleting it or running npm remove react

answered Sep 16, 2019 at 13:12

Gilad Bar

1,3428 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Faire Over a year ago

I have still no idea how the removal could have happened. Thanks a lot for your help!

Dennis Vash · Accepted Answer · 2019-09-16 12:49:18Z

0

Try npm install react which is missing in your dependencies of package.json.

Consider using create-react-app as a react boilerplate.

answered Sep 16, 2019 at 12:49

Dennis Vash

54.2k12 gold badges120 silver badges133 bronze badges

1 Comment

Faire Over a year ago

I have used CRA.

Collectives™ on Stack Overflow

ReactJS failed on compile: module 'react' not found

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related