Question

这是我在这个网站上的第一个问题：）

我对编码还很陌生，目前正在从事React工作。

昨天我正在做我的第一个项目，今天我回到它并为我的jsx组件初始化了live-server和babel编译器，这是我输入的代码：

C：\ Users \ asus \ Desktop \ Adolf \ react-course-projects \ indecision-app> babel src / playg round / play.js --out-file = public / scripts / app.js --presets = env，反应--watch

但是在我按下Enter键后，它会回答所有问题：

“反应不存在”

如果我从代码中删除“ react”并仅保留env可以正常工作，但是我认为它必须在那里可以进行正确的解析或其他...我已经重新安装了npm ...

这是我的package.json

{
  "name": "indecision-app",
  "version": "1.0.0",
  "main": "index.js",
  "license": "MIT",
  "dependencies": {
    "babel-preset-env": "1.5.2",
    "babel-preset-react": "6.24.1"
  }
}

似乎两个依赖项都存在...

有什么想法吗？

提前谢谢！：）

Answer 1

您似乎在错过反应包。

但是，如果您不熟悉React，建议从create-react-app https://github.com/facebook/create-react-app开始。这样将为您设置所有内容，从此开始更容易。

{
  "name": "indecision-app",
  "version": "1.0.0",
  "main": "index.js",
  "license": "MIT",
  "dependencies": {
    "babel-preset-env": "1.5.2",
    "babel-preset-react": "6.24.1"
    "react": "16.3.1",
    "react-dom": "16.3.1",
  }
}

Answer 2

您需要安装react和react-dom使用npm install --save react react-dom来添加依赖项。

Answer 3

在本教程中，您应该剪切在public / scripts / app中编写的JSX并将其粘贴到src / app中。然后，您的babel命令请求将src / app中的JSX转换为“输出文件” public / scripts / app。

除非JSX位于正确的文件中，否则您还会得到与所描述的相同的错误。

Answer 4

以下命令在env和react之间不应有空格 babel src / playg round / play.js --out-file = public / scripts / app.js --presets = env，反应--watch

尝试一下 babel src / playg round / play.js --out-file = public / scripts / app.js --presets = env，react --watch

它应该工作

Node.js命令提示符中的“反应不存在”

4 个答案: