react.jsとのWebPACK 2は、私が作成-反応アプリとのWebPACK 2とサンプルのチュートリアルをやって

ソリューションが必要ですが、私は、このエラーが発生します：react.jsとのWebPACK 2は、私が作成-反応アプリとのWebPACK 2とサンプルのチュートリアルをやって

これは私のパッケージです。 JSON：

{ 
    "name": "my-app", 
    "version": "0.1.0", 
    "private": true, 
    "devDependencies": { 
    "babel-core": "^6.22.1", 
    "babel-loader": "^6.2.10", 
    "babel-preset-latest-minimal": "^1.1.2", 
    "babel-preset-react": "^6.22.0", 
    "css-loader": "^0.26.1", 
    "html-loader": "^0.4.4", 
    "json-loader": "^0.5.4", 
    "node-sass": "^4.5.0", 
    "raw-loader": "^0.5.1", 
    "react-scripts": "0.8.5", 
    "sass-loader": "^5.0.1", 
    "style-loader": "^0.13.1", 
    "svgo-loader": "^1.1.2", 
    "webpack": "^2.2.1" 
    }, 
    "scripts": { 
    "start": "react-scripts start", 
    "build": "react-scripts build", 
    "test": "react-scripts test --env=jsdom", 
    "eject": "react-scripts eject" 
    }, 
    "dependencies": { 
    "file-loader": "^0.10.0", 
    "react": "^15.4.2", 
    "react-dom": "^15.4.2", 
    "react-router": "^3.0.2" 
    } 
}

マイwebpack.config.js：

module.exports = { 
    context: __dirname, 
    entry: { 
    app: '../src/index.jsx', 

    }, 
    output: { 
    path: './build', 
    filename: 'app.js', 
    }, 
    module: { 
    loaders: [{ 
    test: /\.html$/, 
    loader: 'html-loader', 
    query: { 
     minimize: true 
    } 
    },{ 
     test: /(\.jsx?)$/, 
     loader: 'babel-loader', 
     exclude: /(node_modules)/, 
     query: { 
     presets: ['latest-minimal', 'react'], 
     } 
    }, { 
     test: /\.css$/, 
     exclude: /(node_modules)/, 
     use: ['style-loader', 'css-loader'] 
    },{ 
     test: /\.svg$/, 
     use: [{ 
     loader: 'file-loader' 
     }, { 
     loader: 'svgo-loader', 
     options: { 
      plugins: [{ 
      removeTitle: true 
      }, { 
      convertColors: { 
       shorthex: false 
      } 
      }, { 
      convertPathData: false 
      }] 
     } 
     }] 
    }] 
    } 
}

そして、私のindex.jsx：

import React, { Component } from 'react'; 
import { render } from 'react-dom'; 

import App from './App.jsx'; 

render(<App />, document.getElementByClass('App'));

出典

2017-02-12 Ismael Celis

かなり良いと思いものを発見していない場合はノード内で反応しますが、ブラウザでコードを実行する必要があります。 – Frxstrem

ノードにWebpackを使用してバンドルを構築し、ブラウザでアプリケーションを表示する必要があります。コンソールで、Webpackコマンドを実行してWebpack開発サーバーをビルドして実行する必要があります。 –

webpackコマンドを実行した後にエラーが出る –