Блог

У меня странная проблема с сервером разработки Webpack. В основном при первом изменении моего исходного кода он запускается.

После этого, когда я нажимаю сохранить, в веб-консоли отображается следующее:

[WDS] Nothing changed.

Но, очевидно, это неверно, поскольку я изменяю текст в своем исходном коде. Может кто-нибудь, пожалуйста, объяснить, что может пойти не так.

webpack.dev.config.js:

 const path = require('path')
const { CleanWebpackPlugin } = require('clean-webpack-plugin')
const HtmlWebpackPlugin = require('html-webpack-plugin')

module.exports = {
    mode: 'development',
    entry: './src/index.js',
    output: {
        filename: 'bundle.js',
        path: path.resolve(__dirname, 'dist'),
        publicPath: '/',
    },

    devServer: {
        open: true,
        contentBase: path.resolve(__dirname, 'dist'),
        writeToDisk: true,
        index: 'index.html',
        port: 9090,
        hot: true,
        inline: true,
    },
    plugins: [
        new CleanWebpackPlugin(),
        new HtmlWebpackPlugin({
            title: 'My App - Dev',
            template: './src/index.hbs',
            description: 'Development Mode',
        }),
    ],
    resolve: {
        extensions: ['.ts', '.tsx', '.js', '.jsx'],
    },
    module: {
        rules: [
            {
                test: /.(png|jpg)$/,
                use: ['file-loader'],
            },
            {
                test: /.css$/,
                use: ['style-loader', 'css-loader'],
            },
            {
                test: /.scss$/,
                use: ['style-loader', 'css-loader', 'sass-loader'],
            },
            {
                test: /.js$/,
                exclude: /node_modules/,
                use: {
                    loader: 'babel-loader',
                    options: {
                        presets: ['@babel/env'],
                        plugins: ['@babel/plugin-proposal-class-properties'],
                    },
                },
            },
            {
                test: /.tsx?$/,
                use: 'ts-loader',
                exclude: /node_modules/,
            },
            {
                test: /.jsx?$/,
                use: {
                    loader: 'babel-loader',
                },
                exclude: /node_modules/,
            },
            {
                test: /.hbs$/,
                use: ['handlebars-loader'],
            },
        ],
    },
}
  

Моя структура каталогов: