Always getting "aborted because {file} is not accepted"

[Madd0g]

I just tried using this for the first time with a very simple node project.

I copied this config from somewhere:

const webpack = require('webpack');
const path = require('path');
const nodeExternals = require('webpack-node-externals');
const StartServerPlugin = require('start-server-webpack-plugin');

module.exports = {
    entry: [],
    watch: true,
    target: 'node',
    externals: [nodeExternals({ whitelist: ['webpack/hot/poll?1000'] })],
    module: {
        rules: [
            {
                test: /\.js?$/,
                use: [
                    {
                        loader: 'babel-loader',
                        options: {
                            babelrc: false,
                            presets: [['env', { modules: false }]]
                        }
                    }
                ],
                exclude: /node_modules/
            }
        ]
    },
    plugins: [
        new StartServerPlugin('server.js'),
        new webpack.NamedModulesPlugin(),
        new webpack.HotModuleReplacementPlugin(),
        new webpack.NoEmitOnErrorsPlugin(),
        new webpack.DefinePlugin({
            'process.env': { BUILD_TARGET: JSON.stringify('server') }
        })
    ],
    output: { path: path.join(__dirname, 'dist'), filename: 'server.js' }
};

I run this with npm run server and it is:

"scripts": {
  "server": "webpack -- ./src/my-index.js",
},

It's building and everything seems right, but when I save a file, it outputs a few normal looking lines, but then it says "aborted because /folder/file.js is not accepted" from hotApply inside webpack.

Any idea what I'm doing wrong?

Thanks

[wmertens]

You need to accept the hot updates. See the webpack docs for that, but you can already try by putting

if (module.hot) {
    module.hot.accept()
}

in your script

[wmertens]

I'll close this one, just comment if that didn't work…