これは、ホット モジュールのリロードまたはリフレッシュ時に発生します。なぜそれが起こっているのか分かりません。アプリを再度ブートストラップするには、ビルド プロセスを再起動する必要があります。
2 つのホット モジュールがリロードされるまではすべて正常に動作し、ビルドがエラーで中断されます。
vendors.js: Uncaught TypeError: Webpack の使用中に undefined のプロパティ 'apply' を読み取れません
以下は私の設定ファイルです：
var webpack = require('webpack');
var HtmlWebpackPlugin = require('html-webpack-plugin');
var path = require('path');
var VendorChunkPlugin = require('webpack-vendor-chunk-plugin');
module.exports = {
'devtool': 'eval-source-map',
'entry': {
'vendor': [
'react',
'react-dom',
'react-router',
'react-redux',
'redux-thunk',
'react-bootstrap',
'redux',
'redux-form',
'axios'
],
'app': __dirname + '/src/main.js'
},
'output': {
'path': __dirname + '/build',
'publicPath': '/',
'chunkFilename': '[id].[name].chunk.js',
'filename': '[name].[hash].js'
},
'module': {
'loaders': [
// JSX and JS transpilation using babel
{
'test': [/\.js$/, /\.jsx$/],
'exclude': /(node_modules|bower_components)/,
'loader': 'babel'
},
// SASS modularization using style, css and postcss sass loader
{
'test': [/\.css$/, /\.scss$/],
'loader': 'style!css!sass'
},
// Font path loader
{
'test': /\.(ttf|eot|svg|woff(2)?)(\?[a-z0-9]+)?$/,
'loader': 'file-loader?name=fonts/[name].[ext]'
},
// Image path loader
{
'test': /\.(jpe?g|png|gif|svg)$/i,
'loaders': [
'url-loader?limit=15000&name=images/[name].[ext]',
'image-webpack?bypassOnDebug&optimizationLevel=7&interlaced=false'
]
}
],
},
'sassLoader': {
'includePaths': [
path.resolve(__dirname, 'src/components/'),
path.resolve(__dirname, 'src/components/common/assets/')
]
},
'resolve': {
'root': [
path.resolve(__dirname, 'src'),
path.resolve(__dirname, 'src/components/common/assets/'),
path.resolve(__dirname, 'src/components/common/'),
path.resolve(__dirname, 'node_modules')
],
'extensions': ['', '.js', '.jsx', '.scss'],
},
'plugins': [
new webpack.HotModuleReplacementPlugin(),
new webpack.NoErrorsPlugin(),
new webpack.BannerPlugin("App has been developed by Company."),
new HtmlWebpackPlugin({
'template': __dirname + '/src/index.tmpl.html'
}),
new webpack.optimize.CommonsChunkPlugin('vendor', 'vendors.js', Infinity),
new VendorChunkPlugin('vendor'),
new webpack.optimize.OccurenceOrderPlugin(),
new webpack.optimize.UglifyJsPlugin({
'minimize': true,
'screw-ie8': true,
'mangle': false,
'compress': {
'warnings': false
},
'output': {
'comments': false,
'semicolons': true,
}
}),
new webpack.optimize.DedupePlugin()
],
'devServer': {
'contentBase': './build',
'host': '0.0.0.0',
'https': true,
'colors': true,
'compress': true,
'hot': true,
'historyApiFallback': true,
'inline': true,
// Display only errors to reduce the amount of output.
'stats': 'errors-only',
}
};
このバグについてはあまり見つけられませんでした。また、ブラウザのキャッシュをクリアし、すべての Cookie を削除しましたが、役に立ちませんでした。
vendor.js ファイルも確認しました。縮小されていますが、ホットモジュールのリロード機能で壊れていることがわかります。どんな助けでも大歓迎です。ありがとうございます。