Webpack-dev-server не принимает последние изменения

Question

Это мой простой webpack.config. js. Чтобы загрузить мое приложение, мне всегда нужно делать yarn build только тогда, когда мое приложение работает, и я могу загрузить его на webpack-dev-server, выполнив yarn start

Однако, когда я изменяю Мой кодовый веб-пакет печатает сообщения типа

Version: webpack 4.41.5
Time: 143ms
Built at: 01/18/2020 2:12:27 PM
    Asset      Size  Chunks             Chunk Names
bundle.js  1.43 MiB    main  [emitted]  main
Entrypoint main = bundle.js
[./src/index.tsx] 1.43 KiB {main} [built]
    + 43 hidden modules
ℹ ｢wdm｣: Compiled successfully.

Но он все еще показывает старые изменения, а новые изменения не видны. Я должен убить webpack-dev-server и затем сделать yarn build вручную, а затем снова сделать yarn start, и только тогда мои изменения будут видны.

Это моя конфигурация webpack

const path = require('path');

module.exports = {
    target: 'web',
    mode: 'development',
    entry: './src/index.tsx',
    output: {
        path: path.resolve(__dirname, 'build'),
        filename: 'bundle.js'
    },
    module: {
        rules: [
            {
                test: /\.tsx?/,
                exclude: /node_modules/,
                loader: 'babel-loader'
            }
        ]        
    },
    resolve: {
        extensions: ['.ts', '.tsx', '.js']
    },
    devServer: {
        contentBase: path.resolve(__dirname, "."),
        port: 5000,
        watchContentBase: true,
        inline: true,
        hot: true
    }
}

Я гуглил и нашел тысячи тем здесь и на GitHub. но ничто не помогает мне Кроме того, эти файлы кода являются странными, потому что веб-пакет изменился очень быстро, и большая часть содержимого на inte rnet устарела.