Я получаю предупреждения в своей консоли, когда я сохраняю изменения или перезагружаю свое приложение React, а также очень медленно при перезагрузке
Вместо того, чтобы использовать приложение create-реакции-приложение, я следовал за видео Traversy Media https://www.youtube.com/watch?v=deyxI-6C2u4 о настройке веб-пакета с нуля.
Первые несколько дней все работало нормально, но внезапно начинало работать очень медленно, когда мое приложение перезагружалось после сохранения. Это предупреждения консоли, которые отображаются на секунду, но затем исчезают после перезагрузки приложения:
[HMR] Cannot apply update. Need to do a full reload!
[HMR] Error: Aborted because ./src/Components/Layout/Home.js is not accepted
Update propagation: ./src/Components/Layout/Home.js -> ./src/Components/App.js -> ./src/index.js -> 0 at hotApply(http://localhost:8080/index_bundle.js:476:30) at http://localhost:8080/index.bundle.js:314:22
и это то, что отображается в моей консоли при запуске приложения (это серый текст, а не предупреждения)
[HMR] Waiting for update signal from WDS...
[WDS] Hot Module Replacement enabled.
webpack.config.js
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
entry: './src/index.js',
output: {
path: path.join(__dirname, '/dist'),
filename: 'index_bundle.js'
},
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
use: {
loader: 'babel-loader'
}
},
{
test: /\.(md|jpg|gif)$/i,
use: [
{
loader: 'url-loader',
options: {
limit: 8192
}
}
]
}
]
},
plugins: [
new HtmlWebpackPlugin({
template: './src/index.html'
})
],
}
Я предполагаю, что мне нужно что-то добавить в мой файл веб-пакета. Может кто-нибудь объяснить мне, что я должен вставить туда, чтобы мое приложение снова заработало? Спасибо