【问题标题】:"react doesn't exist" in Node.js command promptNode.js 命令提示符中的“反应不存在”
【发布时间】:2018-08-24 17:07:48
【问题描述】:

这是我在这个网站上的第一个问题 :)

我对编码很陌生,我目前正在做 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, react --watch

但是当我点击全部输入后它会回答它:

“反应不存在”

如果我从代码中删除“反应”并只留下 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"
  }
}

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

有什么想法吗?

提前致谢! :)

【问题讨论】:

    标签: javascript node.js reactjs npm babeljs


    【解决方案1】:

    您似乎缺少 react 包。

    但是,如果您是 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",
      }
    }
    

    【讨论】:

    • 感谢您的评论!我忘了说我正在从我的 html 中的脚本文件中提取这些依赖项,但我解决了它!显然,我的命令提示符中的语法错误,并且在声明预设时它应该没有空格。 --presets=env,react
    【解决方案2】:

    你需要安装 react 和 react-dom 使用 npm install --save react react-dom 来添加那些依赖。

    【讨论】:

    • 感谢您的评论!我忘了说我正在从我的 html 中的脚本文件中提取这些依赖项,但我解决了它!显然,我的命令提示符中的语法错误,并且在声明预设时它应该没有空格。 --presets=env,react
    【解决方案3】:

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

    除非 JSX 位于正确的文件中,否则您也会收到与您描述的相同的错误。

    【讨论】:

      【解决方案4】:

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

      试试这个 babel src/playg round/play.js --out-file=public/scripts/app.js --presets=env,react --watch

      它应该可以工作

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2016-04-30
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2015-09-21
        • 2012-09-22
        • 2017-06-20
        • 2021-06-08
        相关资源
        最近更新 更多