使用帶有babel和babel-preset-react和babel-preset-es2015的webpack

Question

我正在嘗試反編譯我的react / es6代碼，我來自browserify。 我正在努力創建一個webpack構建，因為新的babel 6版本以及大多數教程現在已經過時的事實。 這適用於我的.babelrc：

{
  "presets": ["react"]
}

但是當我改變它時：

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

它拋出了這個神秘的錯誤： ERROR in ./client/App.js Module build failed: Error: You gave us a visitor for the node type "NumericLiteral" but it's not a valid type

這是我的webpack.config.js，如果這有幫助的話：

module.exports = {
  entry: "./client/App.js",
  output: {
    filename: "public/bundle.js"
  },
  resolve: {
    extensions: ['', '.js', '.jsx']
  },
  module: {
    loaders: [
      {
        test: /\.jsx?$/,
        exclude: /(node_modules|bower_components)/,
        loader: 'babel'
      }
   ]
  }
};

有什么明顯的東西我不見了嗎？ 我也交換了預設的順序，它似乎沒有什么區別。 我的節點模塊中有babel-core，babel-loader，babel-preset-es2015，babel-preset-react和webpack。

Answer 1

我有同樣的問題，在刪除node_modules目錄並重新安裝所有依賴項之后，似乎已經消失了。

Answer 2

如果我是你，我會從這里開始。 這將為您提供一個非常小的React模板，您可以在其中進行逆向工程並開始學習如何在Webpack構建中使用React。 React Boilerplate這對於快速輕松地入門非常有用，同時學習webpack以便您可以使用它。 我總是發現webpack文檔很難找出我需要的東西。 我希望這有幫助。

Answer 3

我解決了這個問題由nvm，即使我重新安裝npm幾次無用。 我將節點版本更改為5+然后它會很好，我已經在5+節點環境中了。 這是想象。

Answer 4

我遇到過同樣的問題。 事實證明，我正在將一個原型方法添加到已經存在的類“Object”中。