Node.js npm run serve未在react js with webpack环境中运行项目

我试图在

react

js中路由一些组件。所以我安装了

npm

install

service--save dev

。在我运行此评论之后”

跑发球

我有一些错误

这是我的包文件

{
  "name": "routing",
  "version": "1.0.0",
  "description": "routing test",
  "main": "index.js",
  "scripts": {
    "watch": "webpack -d --watch",
    "build": "webpack",
    "serve" : "serve ./public"
  },
  "author": "VJ",
  "license": "ISC",
  "devDependencies": {
    "babel-core": "^6.23.1",
    "babel-loader": "^6.4.0",
    "babel-preset-es2015": "^6.22.0",
    "babel-preset-react": "^6.23.0",
    "serve": "^5.0.2",
    "webpack": "^2.2.1"
  },
  "dependencies": {
    "react": "^15.4.2",
    "react-dom": "^15.4.2",
    "react-router": "^4.0.0"
  }
}

这里是我的网页包文件

    var webpack = require('webpack');
var path = require('path');

var BUILD_DIR = path.resolve(__dirname, 'public');
var APP_DIR = path.resolve(__dirname, 'src');

var config = {
  entry: APP_DIR + '/index.jsx',
  output: {
    path: BUILD_DIR,
    filename: 'bundle.js'
  },
  module : {
    Loaders: [
      {
        test : /\.jsx?/,
        include : APP_DIR,
        loader : 'babel-loader'
      }
    ]
  }
};

module.exports = config;

---

您需要首先从ES6编译到ES5。 作为参考，用户应添加

babel-preet-es2015

包，就像您已经添加的那样

npm install babel-preset-es2015

然后，使用以下内容创建.babelrc：

{ 
   "presets": 
     [
       "es2015",
       ...
     ]
}

---

注意：默认情况下，最新版本的node支持ES6销毁。因此，更新node版本可能有助于解决您的问题。

您运行的是不支持ES6销毁的旧node.js版本

包

service

使用了该功能，因此您至少需要Node.js版本6，这是当前的LTS。它甚至在its中说明了这一点，并且在中也指定了它

---

最简单也是最好的解决方案是升级Node.js。或者，您可以使用babel传输模块，但这相当不方便。

甚至.babelrc文件？您可以查看我的包文件，在上面的附件中！是的，我有一个.babelrc文件。好的，请提及您的babelrc配置{“预设”：[“es2015”，“react”]}我检查我的节点版本“node-v”“在我的节点cmd中。我的版本是v4.3.2。我想这是最新版本。这不是最新版本。当前LTS为

v6.10.0

，当前最新版本为

v7.7.2

。你落后了2到3个主要版本。请参阅和。节点4即将进入维护阶段，只应用关键的安全补丁。