require is not defined about nuxt HOT 4 OPEN

// https://nuxt.com/docs/api/configuration/nuxt-config
import {resolve} from "path";
import {readdirSync} from "fs";

export default defineNuxtConfig({
  modules: [
    'nuxt-lodash',
    '@vite-pwa/nuxt',
  ],
  pwa: {
    workbox: {
      mode: 'development',
      runtimeCaching: [
        {
          urlPattern: new RegExp(`\\/.+\\.(jpg|css)(\\?.*)?$`, 'i'),
          handler: 'StaleWhileRevalidate',
          options: {
            cacheName: 'resource',
            expiration: {
              maxAgeSeconds: 60 * 60 * 24 * 365,
              maxEntries: 10000,
              purgeOnQuotaError: true,
            },
          },
        }
      ],
      sourcemap: true,
      skipWaiting: true,
      clientsClaim: true,
      navigateFallback: null,
    },
    mode: 'development',
    registerType: 'autoUpdate',
    injectRegister: 'auto',
    devOptions: {
      enabled: true,
      type: 'module',
    },
  },
  devtools: { enabled: true }
})

{
  "name": "nuxt-app",
  "private": true,
  "scripts": {
    "build": "nuxt build",
    "dev": "nuxt dev",
    "generate": "nuxt generate",
    "preview": "nuxt preview",
    "postinstall": "nuxt prepare"
  },
  "devDependencies": {
    "@nuxt/devtools": "^0.7.1",
    "@vite-pwa/nuxt": "^0.1.0",
    "nuxt": "^3.0.0",
    "nuxt-lodash": "^2.4.0",
    "typescript": "^4.9.3"
  }
}