Erro ao usar file-loader com style-loader

Quando tento fazer o build me gera um erro apontando para o módulo style-loader Segue o erro:

ERROR in Error: H:\CursosAlura\Aulas_JS\05_JS_Web_Criando_SPA_JavaScript_Puro\petshop/node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js?:93 var style = document.createElement('style'); ^ ReferenceError: document is not defined

E pelo que entendi é do próprio arquivo do módulo, por isso fiquei sem entender

Abaixo segue meu código do arquivo webpack.config.js

const path = require("path");
const HtmlWebpackPlugin = require("html-webpack-plugin");

module.exports = {
    mode: "development",
    devServer: {
        open: true,
        contentBase: "dist"
    },
    entry: "./src/componentes/lista/listagem-cliente.js",
    output: {
        filename: "main.js",
        path: path.resolve(__dirname, "dist")
    },
    plugins: [
        new HtmlWebpackPlugin({
            template: "./src/clientes.html",
            filename: "index.html"
        })
    ],
    module: {
        rules: [{
                test: /\.css$/,
                use: ["style-loader", "css-loader"]
            },
            {
                test: /\.html$/,
                use: ["html-loader"]
            },
            {
                test: /\.png$/,
                use: {
                    loader: "file-loader",
                    options: {
                        name: "[name].[ext]"
                    }
                }
            }
        ]
    }
}