spawn babel

我正在使用yarn而不是npm从头开始构建react应用程序，因为纱线比npm快。我没有使用create-react-app命令来创建我的React应用，只是为了确保我从头开始做所有事情。

我有一个Webpack文件，具有从webpack site复制的基本配置代码段。

[请查看我正在使用babel-node运行我的项目，因为我的节点import文件中有ES6 server.js。

在下面的文件中，要告诉pm2使用babel-node而不是常规的node，请使用解释器]

package.json

 {
  "name": "advanced-react",
  "version": "1.0.0",
  "main": "lib/server.js",
  "author": "GopiGorantala",
  "license": "MIT",
  "scripts": {
    "dev": "pm2 start lib/server.js --watch --interpreter babel-node"
  },
  "babel": {
    "presets": [
      "react",
      "env",
      "stage-2"
    ]
  },
  "devDependencies": {
    "babel-eslint": "^10.0.1",
    "eslint": "^5.13.0",
    "eslint-plugin-react": "^7.12.4"
  },
  "dependencies": {
    "babel-preset-env": "^1.7.0",
    "babel-preset-react": "^6.24.1",
    "babel-preset-stage-2": "^6.24.1",
    "ejs": "^2.6.1",
    "express": "^4.16.4",
    "pm2": "^3.2.9"
  }
}

server.js

import express from 'express';
import config from './config';

const app = express();

app.use(express.static('public'));

app.set('view engine', 'ejs');

app.get('/', (req, res) => {
  res.render('index', {answer: 42});
});

app.listen(config.port, function listenHandler() {
  console.info(`running on ${config.port}`);
});

当我使用yarn dev运行我的应用程序时，我没有使服务器联机，而是获得了errored

我尝试使用yarn pm2 logs检查日志以检查错误，但没有得到太多信息。请参见下面的屏幕截图

注意：请注意，我正在使用yarn add --dev命令添加我的软件包

问题：我收到spawn babel-node ENOENT错误。如何确保我不会遇到这个问题。

我正在从头开始构建纱线的应用程序，而不是npm，因为纱线比npm快。我没有使用create-react-app命令来创建我的react应用程序，只是为了确保我从头开始做所有事情。我...

[并非所有的webpack配置都可与jsx一起使用。 WP应该看起来像这样。