Webpack Babel-loader-預設中不支持

Question

我在過去2天一直在嘗試解決以下錯誤，但無濟於事：

我嘗試使用.babelrc文件，隨后決定將預設包括在webpack配置文件中。 以下是webpack.config.js中的babel-loader配置。

rules: [
    {
      test: /\.js$/,
      exclude: /node_modules/,
      use: [
        {
          loader: 'babel-loader',
          options: {
            babelrc: false,
            cacheDirectory: true,
            presets: ["react", "es2015", "stage-0"]
          },
        },
        {
          loader: 'eslint-loader',
        }
      ],
    }
  ]

以下是我的package.json信息：

  "dependencies": {
    "babel-core": "7.0.0-alpha.9",
    "babel-loader": "7.0.0",
    "babel-polyfill": "7.0.0-alpha.9",
    "babel-preset-es2015": "6.24.1",
    "babel-preset-react": "6.24.1",
    "babel-preset-stage-0": "6.24.1",
    "babel-register": "6.24.1",
    "webpack": "2.4.1",
    "webpack-chunk-hash": "0.4.0",
    "webpack-dev-middleware": "1.10.2",
    "webpack-dev-server": "1.14.1",
    "webpack-hot-middleware": "2.18.0",
   }

如果可以發現導致此錯誤的原因，我們將不勝感激。

Answer 1

babel-core的7.x版本對預設可以執行的操作有更嚴格的限制。 由於您仍在使用babel-preset-react@6.24.1 ，因此它將失敗。

如果要使用7.0.0-alpha.X版本，則還應該對所有預設和babel-register 。