Webpack Dev Server Live仅重新加载一次-不接收更改

问题描述

我在Webpack开发服务器上遇到了一个奇怪的问题。基本上在对我的源代码进行第一次更改后，它就会运行。

此后，当我点击保存时，它将在Web控制台中显示以下内容：

[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,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$/,'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',{
                test: /\.jsx?$/,{
                test: /\.hbs$/,use: ['handlebars-loader'],}

我的目录结构：

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）