找不到模块：无法解析“C:\\Users\\USER\\Desktop\\test\\src”中的“react”

Question

I had created a test named folder using create-react-app test and after successful creation of folder when doing npm start getting this error

Failed to compile.

./src/index.js
Module not found: Can't resolve 'react' in 'C:\Users\USER\Desktop\test\src'

package.json

{
  "name": "test",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "react": "^16.6.3",
    "react-dom": "^16.6.3",
    "react-scripts": "2.1.1"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": [
    ">0.2%",
    "not dead",
    "not ie <= 11",
    "not op_mini all"
  ]
}

I had tried removing yarn.lock file then yarn install but error is not fixed.

Answer 1

1. Remove package-lock.json file.
2. Run npm install command.
3. Try to execute npm start again.

PS: You can also use pnpm instead of npm by installing its package via npm i -g pnpm command. pnpm package has some benefits compare to npm command that you can read the complete difference in this site .

Answer 2

Replace this line of code

import DatePicker from "react-datepicker";

replace by

import DatePicker from "../react-datepicker";

or else

have to install packages

npm install react-datepicker --save

Answer 3

If you are not using faker then remove from your index.js file

import Faker from 'faker';

Remove above line

Answer 4

I had encounter similar error, I wrote:

import ReactDOM from "react-dom ";

instead of :

import ReactDOM from "react-dom";

Remove the extra space or check for any syntax error.