Внезапно webpack-dev-server не перезагружается при изменении исходных текстов.HRM загружен правильно, но изменение исходного кода больше не вызывает горячую перезагрузку.Раньше все работало нормально.
Я обнаружил, что несколько человек спрашивают в Stackoverflow об одной и той же проблеме.Каждый из них был решен с различным решением, что я пытался, но ни один из них не работал для меня.Поэтому это не повторяющийся вопрос, так как я попробовал уже предоставленное решение, но ни один из них не помог мне.
Я попытался очистить пакеты и переустановить все из них, я попытался использовать разные пути для «входа» в конфигурацию веб-пакета
webpack.config.js:
var path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin')
const CopyWebpackPlugin = require('copy-webpack-plugin')
const webpack = require('webpack')
module.exports = {
mode: 'development',
entry: './src/index.tsx',
resolve: {
extensions: [".ts", ".tsx", ".js"]
},
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'app.bundle.js'
},
plugins: [
new HtmlWebpackPlugin({
title: "test app",
filename: "./index.html",
template: "src/index.html",
inject: "body",
}),
new CopyWebpackPlugin([{ from: 'assets', to: 'assets'}]),
new webpack.DefinePlugin({
VERSION: JSON.stringify(process.env.npm_package_version),
}),
new webpack.HotModuleReplacementPlugin({
}),
],
devServer: {
contentBase: path.join(__dirname, 'dist'),
compress: true,
host: "localhost",
port: 9000,
hot: true,
disableHostCheck: true,
},
module: {
rules: [
{ test: /\.(tsx)?$/,
loader: "ts-loader",
exclude: path.join(__dirname, 'node_modules'),
},
{test: /\.css$/, use: ['style-loader',{loader:'css-loader', options:{}}]}
],
},
node: {
fs: 'empty'
}
};
Я ожидаю, что HRM работает как обычно.