Javascript React.js传输文件问题。Babel构建命令不起作用

我一直在遵循斯托扬·斯蒂芬诺夫的《反应：启动和运行》一书。第五章。我被命令卡住了：

babel——预设反应，es2015 js/source-d js/build

结果：es2015不存在

但当我尝试时： babel——预设反应js/source-djs/build

正如书中所预期的那样

然后我写道： babel——预设反应，es2015 js/source-d js/build

结果：app.js出现语法错误。h1标记之前有意外标记

App.js代码

'use strict';

import React from 'react';
import ReactDOM from 'react-dom';
import Logo from './components/Logo';

ReactDOM.render(
  <h1>
    Welcome to the  app!
  </h1>,
  document.getElementById('app')
);

“严格使用”；
从“React”导入React；
从“react dom”导入react dom；
从“./components/Logo”导入徽标；
ReactDOM.render(
欢迎使用该应用程序！
,
document.getElementById（'app'）
);

据我所知，所有可选预设必须手动安装：

npm install --save-dev babel-preset-es2015

---

另外，还有一些关于这个问题的附加数据。

在本例中，您可能需要保存dev，因为它纯粹是一个用于传输回旧skool JS的开发工具。感谢您的快速响应。我尝试了@ankhzet提到的命令，但后来尝试了这个命令：babel--presets react，es2015 js/source-djs/build。不幸的是，同样的信息。我遗漏了什么吗？@ZahirJunejo，我能给出的唯一建议，尝试按预设的相反顺序：

babel--presets es2015，react js/source-d js/build

。当使用

.babelrc

时，应用转换的顺序实际上很重要，可能它也适用于cli