webpackの後にJSONを読み込めません：予期しないトークン<0のJSONで

Question

webpack-dev-serverを使用していたとき、すべて正常に動作します。 「WebPACKの」コマンドを使用して、サーバー上で自分のアプリケーションを展開するとき はしかし、私は次のエラーを得た：

SyntaxError: Unexpected token < in JSON at position 0 
    at Object.parse (native) 
    at Object.<anonymous> (http://localhost:3389/bundle.js:24629:18) 
    at XMLHttpRequest.respond (http://localhost:3389/bundle.js:24499:32) 

私は私が受け取ったことは代わりにJSONのXMLであると考えています。私はそれをどうするか分からない。私はJSONファイルをロードする 'd3-request'からのリクエストを使用しています。私のwebpack.config.jsは次のようになります：

var webpack = require('webpack') 
var path = require('path') 

module.exports = { 
    context: path.join(__dirname, './app'), 
    entry: { 
    js: './index.js', 
    html: './index.html', 
    }, 
    output: { 
    path: path.join(__dirname, './static'), 
    filename: 'bundle.js', 
    }, 
    module: { 
    preLoaders: [ 
     { test: /\.json$/, loader: 'json'}, 
    ], 
    loaders: [ 
     { 
     test: /\.html$/, 
     loader: 'file?name=[name].[ext]' 
     }, 
     { 
     test: /\.css$/, 
     loaders: [ 
      'style-loader', 
      'css-loader?modules&sourceMap&importLoaders=1&localIdentName=[name]__[local]___[hash:base64:5]', 
     ] 
     }, 
     { 
     // transpile es6/jsx code to es5 
     test: /\.(js|jsx)$/, 
     exclude: /node_modules/, 
     loaders: [ 
      'babel-loader' 
     ] 
     }, 
     { test: /\.json$/, 
     loader: "json-loader" 
     } 
    ], 
    }, 
    resolve: { 
    extensions: ['', '.js', '.jsx'] 
    }, 
    plugins: [ 
    new webpack.optimize.CommonsChunkPlugin('vendor', 'vendor.bundle.js'), 
    new webpack.DefinePlugin({'process.env': { 
     NODE_ENV: JSON.stringify(process.env.NODE_ENV || 'development') 
    }}) 
    ], 
    devServer: { 
    contentBase: './app', 
    hot: true 
    } 
} 

Answer 1

サーバ側では、エクスプレスコードと分かります。私は誤って、Expressがtyp.hでindex.htmlからファイルを取得するようにしました。 webpackには何も問題ありません。