2017-05-04 67 views
0

我一直在努力解决以下错误在过去的2天,但无济于事不支持: enter image description here的WebPack巴贝尔装载机 - 在一个预设的

我试图与.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", 
    } 

如果任何光线可以在什么导致这个错误散出,这将是高度赞赏。

+0

我建议用一个稳定版本的Babel来测试它(7是alpha,就像你在package.json中可以清楚地看到的一样) – mikeapr4

+0

这是因为你使用的是Babel核心的7.x版本和6 .x版本的预设。 React的6.x预设正在执行7.x中不允许的操作 – loganfsmyth

回答

1

babel-core7.x版本对预设可以做什么有更严格的限制。由于您仍在使用[email protected],因此会失败。

如果您打算使用7.0.0-alpha.X版本,则应该对所有预设和babel-register执行此操作。

相关问题