少し前にwebpackを使い始めました。すべてが完璧で、React のホット ローディングはうまく機能します。しかし、私が理解できないwebpack devサーバーでこれが1つあります。webapp を使用すると、/app/info への無限のリクエストが発行されます。そして、404が返されます。
これは何ですか?どうすればオフにできますか?
ログインコンソールは次のとおりです。
そして、これが私の設定です(Reactホットローディングのかなり一般的な設定です):
const webpack = require('webpack');
const path = require('path');
const autoprefixer = require('autoprefixer');
module.exports = {
entry: [
'webpack-dev-server/client',
'bootstrap-loader',
'./src/app.js',
],
output: {
path: path.join(__dirname, '..', 'resources', 'static', 'app'),
filename: 'app.js',
publicPath: '/app',
},
devServer: {
headers:
{
'Access-Control-Allow-Origin': 'http://localhost:10000',
'Access-Control-Allow-Credentials': 'true',
},
},
// devtool: '#source-map',
resolve: { extensions: ['', '.js'] },
plugins: [
new webpack.NoErrorsPlugin(),
],
module: {
loaders: [
{
test: /\.(js)$/,
exclude: /node_modules/,
loaders: ['react-hot', 'babel-loader?presets[]=es2015,' +
'presets[]=react,' +
'presets[]=stage-0,' +
'plugins[]=' + path.join(__dirname, 'babelRelayPlugin') + ',' +
'plugins[]=transform-runtime,' +
'plugins[]=transform-object-rest-spread'],
},
{ test: /\.css$/, loaders: ['style', 'css', 'postcss'] },
{ test: /\.scss$/, loaders: ['style', 'css', 'postcss', 'sass'] },
{
test: /\.(woff2?(\?v=[0-9]\.[0-9]\.[0-9])?|png|jpg)$/,
loader: 'url?limit=25000',
},
{
test: /\.(ttf|eot|svg)(\?[\s\S]+)?$/,
loader: 'file',
},
// Use one of these to serve jQuery for Bootstrap scripts:
// Bootstrap 4
{ test: /bootstrap\/dist\/js\/umd\//, loader: 'imports?jQuery=jquery' },
// Bootstrap 3
{ test: /bootstrap-sass\/assets\/javascripts\//, loader: 'imports?jQuery=jquery' },
],
},
postcss: [autoprefixer],
};