Node.js 产卵巴别塔结

我正在用纱线而不是npm从头开始构建react应用程序，因为纱线比npm快。我并不是使用createreact-app命令来创建我的react-app，只是为了确保我从头做起

我有一个从中复制的带有基本配置片段的网页包文件

请看我正在使用babel节点来运行我的项目，因为我在node server.js文件中有ES6导入

在下面的文件中，为了告诉pm2使用babel节点而不是常规节点，使用了解释器

package.json server.js 当我用Thread dev运行我的应用程序时，我不会让服务器在线，而是让服务器出错

我试图用纱线pm2日志检查日志，以检查错误，但我没有得到太多信息。。请看下面的截图

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

---

问题：我收到了spawn babel节点enoint错误。如何确保我没有遇到这种情况。

并非所有的网页配置都与jsx配合使用。WP应该是这样的

module.exports = {
entry: './src/index.js',
module: {
 rules: [
  {
    test: /\.(js|jsx)$/,
    exclude: /node_modules/,
    use: ['babel-loader']
  }
 ]
},
resolve: {
extensions: ['*', '.js', '.jsx']
},
output: {
path: __dirname + '/dist',
publicPath: '/',
filename: 'bundle.js'
},
devServer: {
contentBase: './dist'
}
};

---

并非所有的Web包配置都与jsx一起工作。WP应该是这样的

module.exports = {
entry: './src/index.js',
module: {
 rules: [
  {
    test: /\.(js|jsx)$/,
    exclude: /node_modules/,
    use: ['babel-loader']
  }
 ]
},
resolve: {
extensions: ['*', '.js', '.jsx']
},
output: {
path: __dirname + '/dist',
publicPath: '/',
filename: 'bundle.js'
},
devServer: {
contentBase: './dist'
}
};

---

我终于在老师的帮助下解决了这个问题

我必须全局安装babel cli以使babel节点正常运行

---

我终于在老师的帮助下解决了这个问题

我必须全局安装babel cli以使babel节点正常运行

---

如果您使用的是最新的babel^7.0.0，则应通过以下方式安装“babel node”：

sudo npm i-g@babel/节点

不要通过这种方式安装，因为它只适用于babel 6：

npm安装-g babel cli

---

文档看起来已经过时，适合babel 6版本。

如果您使用的是最新的babel ^7.0.0，则应通过以下方式安装“babel node”：

sudo npm i-g@babel/节点

不要通过这种方式安装，因为它只适用于babel 6：

npm安装-g babel cli

---

文档看起来过时了，适合babel 6版本。

尝试过这个，但没有效果，可能与babel设置有关。。由于某种原因，pm2无法联系babel cli。我正在检查babel预设。。如果我的软件包中的babel设置有问题，请告诉我。jsontanks@stever，在你的评论之后，我继续在网页包中添加了jsx条目。很高兴听到这个消息！尝试过这个，但没有成功，也许这与巴别塔的设置有关。。由于某种原因，pm2无法联系babel cli。我正在检查babel预设。。如果我的软件包中的babel设置有问题，请告诉我。jsontanks@stever，在你的评论之后，我继续在网页包中添加了jsx条目。很高兴听到这个消息！

module.exports = {
entry: './src/index.js',
module: {
 rules: [
  {
    test: /\.(js|jsx)$/,
    exclude: /node_modules/,
    use: ['babel-loader']
  }
 ]
},
resolve: {
extensions: ['*', '.js', '.jsx']
},
output: {
path: __dirname + '/dist',
publicPath: '/',
filename: 'bundle.js'
},
devServer: {
contentBase: './dist'
}
};