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

时间:2018-12-02 11:07:01

标签: reactjs create-react-app

我已经使用create-react-app test创建了一个名为文件夹的测试,并且在成功创建文件夹后执行npm时开始出现此错误

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"
  ]
}

我曾尝试删除yarn.lock文件,然后安装yarn,但错误未解决。

4 个答案:

答案 0 :(得分:0)

  1. 删除package-lock.json文件。
  2. 运行npm install命令。
  3. 尝试再次执行npm start

PS:您也可以通过pnpm命令安装软件包来使用npm代替npm i -g pnpm。与npm命令相比,pnpm软件包有一些好处,您可以阅读this site中的全部差异。

答案 1 :(得分:-1)

替换这行代码

import DatePicker from "react-datepicker";

替换

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

否则

必须安装软件包

npm install react-datepicker --save

答案 2 :(得分:-1)

如果你没有使用 faker,那么从你的 index.js 文件中删除

import Faker from 'faker';

删除上面的行

答案 3 :(得分:-1)

我遇到过类似的错误,我写道:

import ReactDOM from "react-dom ";

而不是:

import ReactDOM from "react-dom";

删除多余的空格或检查任何语法错误。