Не получается настроить pug для webpack 5

Пытаюсь настроить PUG для вебпака

Установил pug и pug-loader и подключил

      {
        test: /\.pug$/i,
        loader: "pug-loader",
      },

Поменял расширение на .pug в HtmlWebpackPlugin

let htmlPageNames = [
  "index",
];

let multipleHtmlPlugins = htmlPageNames.map((name) => {
  return new HtmlWebpackPlugin({
    template: `./src/${name}.pug`,
    filename: `${name}.html`, 
    chunks: [`${name}`], 
    minify: false,
  });
});

Coздал файл index.pug и написал там тестовый код

Все делал как в туториалах, все равно выдает примерно одну и ту же ошибку:

Error: C:\Users\gorde\OneDrive\Рабочий стол\ау\Webpack5-Max\src\index.pug:10
  import { createRequire as __WEBPACK_EXTERNAL_createRequire } from "module";
  ^^^^^^
  SyntaxError: Cannot use import statement outside a module
  
  - index.js:132 HtmlWebpackPlugin.evaluateCompilationResult
    [Webpack5-Max]/[html-webpack-plugin]/index.js:132:22
  
  - index.js:333 
    [Webpack5-Max]/[html-webpack-plugin]/index.js:333:26
  
  - async Promise.all
  
  - async Promise.all

Менял версии html-webpack-plugin никак не помогло

В последней версии html-webpack-plugin ошибка такая

 Error: Cannot use import statement outside a module
  
  - index.js:138 HtmlWebpackPlugin.evaluateCompilationResult
    [Webpack5-Max]/[html-webpack-plugin]/index.js:138:22
  
  - index.js:324 
    [Webpack5-Max]/[html-webpack-plugin]/index.js:324:26
  
  - async Promise.all
  
  - async Promise.all

Как я могу решить эту проблему?