babelとbabel-pre-set-reactとbabel-preset-webpackを使用しています。es2015

Question

私はreact/es6コードをトランスコンパイルしようとしていますが、browserifyから来ています。私は新しいバベル6のリリースとそこにあるチュートリアルのほとんどが時代遅れであるという事実のためにウェブパックのビルドを作成するのに苦労しています。 これは私の.babelrcで動作します。

{ 
    "presets": ["react"] 
} 

しかし、私はこれにそれを変更する場合：これは私のwebpack.config.jsある 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

：

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

それは、この不可解なエラーがスローされますそれがまったく役に立ちます：

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を使用する方法の学習を開始します。 React Boilerplateこれは、あなたがそれを利用するためにwebpackを学びながら、素早く簡単に始めるために非常に便利です。私はいつも私が必要とするものを把握するのが難しいwebpack文書を見つけました。私はこれが役立つことを願っています

Answer 3

私はnpmのサーバ時間が無駄に再インストールされても、このprobleumをnvmで解決しました。 ノードのバージョンを5+に変更しましたが、既に5+ノード環境で既に正常に動作しています。想像しているのは です

Answer 4

私は同じ問題がありました。すでに存在するクラス "Object"にプロトタイプメソッドを追加していたことが判明しました。