Javascript 未知选项：package.json.presets

我正在使用巴别塔核心^5.4.7和巴别塔加载器^5.1.2和网页包。我还使用了mobx^3.3.1和mobx-react^4.3.3版本。现在我的问题是，当我试图通过点击npm run watch:webpack构建我的项目时，它抛出未知选项：package.json.presets

这里是我的package.json

"devDependencies": {
   "babel-core": "^5.4.7",
   "babel-eslint": "^3.1.9",
   "babel-loader": "^5.1.2",
   "babel-plugin-react-transform": "^1.1.1",
   "babel-plugin-transform-decorators-legacy": "^1.3.4",
   "babel-preset-es2015": "^6.24.1",
   "babel-preset-react": "^6.24.1",
   "babel-preset-stage-1": "^6.24.1",
   ....
   "webpack": "^1.9.6",
   "webpack-dev-middleware": "^1.2.0",
   "webpack-hot-middleware": "^2.0.0"
 },
 "dependencies": {
   "mobx": "^3.3.1",
   "mobx-react": "^4.3.3",
   "prop-types": "^15.6.0",
   "react": "16.0.0",
   "react-dnd-html5-backend": "^2.5.4",
   "react-dom": "16.0.0",
   ....
 },
 "babel": {
   "presets": ["es2015", "react", "stage-1"],
   "plugins": ["transform-decorators-legacy"]
 }

这里是我的webpack.config.dev.js

var path = require('path');
var webpack = require('webpack');
var src = path.join(__dirname, 'engine');
var dest = path.join(__dirname, 'assets/builder');

module.exports = {
  devtool: 'cheap-module-source-map',
  entry: [
    src + '/index.jsx'
  ],
  output: {
    path: dest,
    filename: 'bundle.js',
    publicPath: '/assets/builder/'
  },
  resolve: {
    extensions: ['', '.json', '.js', '.jsx'],
    modulesDirectories: ['node_modules', 'bower_components', src]
  },
  plugins: [
    new webpack.NoErrorsPlugin(),
    new webpack.DefinePlugin({
      'process.env': {
        'FREE': process.argv.indexOf('--free') !== -1 ? JSON.stringify("free"): JSON.stringify("pro")
      }
    }),
  ],
  module: {
    loaders: [
      {test: /\.jsx?$/, loaders: ['babel?stage=0'], include: src},
      {test: /\.js?$/, loaders: ['babel?stage=0'], include: src},
      {test: /\.less$/, loader: 'style!css!less'},
      {test: /\.css$/, loader: 'style!css'},
      {test: /\.jpe?g$|\.gif$|\.png$/, loader: "url-loader"},

      {test: /\.woff(2)?(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: "url-loader?limit=10000&minetype=application/font-woff"},
      {test: /\.ttf?(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: "url-loader?limit=10000&minetype=font/ttf"},
      {test: /\.(eot|svg)(\?v=[0-9]\.[0-9]\.[0-9])?$/, loader: "file-loader"}
    ]
  }
};

这里是我的mobx商店，有decorator@observable

export default class ElementStore {

      @observable path = null,
      @observable visible = false,
      @observable list = sortElementsByName(elements),

      handle(handlerName, {path}) {
        switch (handlerName) {
          case HIDE_ELEMENTS:
            // do something..
            break;
          case SHOW_ELEMENTS:
            // do something..
            break;
        }
      }
  }

错误消息是

ERROR in ./engine/index.jsx
Module build failed: ReferenceError: [BABEL] /Users/iftekhersunny/Documents/code/quix/src/lib_quix/engine/index.jsx: Unknown option: /Users/iftekhersunny/Documents/code/quix/src/lib_quix/package.json.presets

---

为什么预设是未知选项？

首先从package.json文件中删除babel选项，并在项目根目录中创建一个

.babelrc

文件

.LRC文件

{
  "presets": ["es2015", "react","stage-1"],
  "plugins": [
    "transform-decorators-legacy"
  ]
}

---

希望它能工作

预设

是Babel 6.x的配置标志，您正在尝试将其用于Babel 5。Babel 5非常旧，只需使用Babel 6即可。

现在获取此错误未知选项。babelrc.presets：（查看此链接可能有助于您输出Babel加载程序版本？？现在获取此错误模块生成失败：TypeError:fileSystem.statSync不是Module.exports中的函数（/Users/iftekhersunny/Documents/code/quix/src/lib_quix/node_modules/babel loader/lib/utils/exists.js:7:25）您似乎也在使用非常旧版本的Webpack。旧的Webpack上不存在statSync API。您是否正在升级现有项目？如果您正在安装fresh，这一切都不会成为问题。使用当前版本的babel loader和Webpack应该可以正常工作。是的。我的项目非常旧：（好的，我也在升级网页包