Internal server error: (0 , import_vite.transformWithEsbuild) is not a function

Describe the bug

Hi, while on @vitejs/plugin-vue version 1.7.0, I got error regarding #5438, as described to solve it I upgrade **@vitejs/plugin-vue*** version to 1.9.4, after that I am getting below error, possible duplicate of #4977

16:15:00 [vite] Internal server error: (0 , import_vite.transformWithEsbuild) is not a function Plugin: vite:vue File: /Users/unkown/Desktop/Projects/whale-watcher/src/components/base/modal/VModal.vue at transformMain (/Users/unkown/Desktop/Projects/whale-watcher/node_modules/@vitejs/plugin-vue/dist/index.js:4520:83) at async Object.transform (/Users/unkown/Desktop/Projects/whale-watcher/node_modules/vite/dist/node/chunks/dep-874085d4.js:50353:30) at async transformRequest (/Users/unkown/Desktop/Projects/whale-watcher/node_modules/vite/dist/node/chunks/dep-874085d4.js:65394:29) at async viteTransformMiddleware (/Users/unkown/Desktop/Projects/whale-watcher/node_modules/vite/dist/node/chunks/dep-874085d4.js:65522:32)

Reproduction

yarn dev

System Info

System:
    OS: macOS 12.0.1
    CPU: (8) x64 Intel(R) Core(TM) i7-4980HQ CPU @ 2.80GHz
    Memory: 455.60 MB / 16.00 GB
    Shell: 5.8 - /bin/zsh
  Binaries:
    Node: 14.17.3 - /usr/local/bin/node
    Yarn: 1.22.11 - /usr/local/bin/yarn
    npm: 6.14.13 - /usr/local/bin/npm
    Watchman: 2021.10.18.00 - /usr/local/bin/watchman
  Browsers:
    Chrome: 96.0.4664.45
    Firefox: 94.0.1
    Safari: 15.1
  npmPackages:
    @vitejs/plugin-vue: 1.9.4 => 1.9.4 
    vite: 2.5.8 => 2.5.8

Used Package Manager

yarn

Logs

vite:config bundled config file loaded in 1904ms +0ms
  vite:config using resolved config: {
  vite:config   root: '/Users/thebestpc/Desktop/Projects/whale-watcher',
  vite:config   base: '/',
  vite:config   publicDir: '/Users/thebestpc/Desktop/Projects/whale-watcher/public',
  vite:config   logLevel: 'warn',
  vite:config   optimizeDeps: {
  vite:config     include: [
  vite:config       '@ckeditor/ckeditor5-vue',
  vite:config       '@ckeditor/ckeditor5-build-classic',
  vite:config       '@iconify/iconify',
  vite:config       '@mapbox/mapbox-gl-geocoder/dist/mapbox-gl-geocoder.min.js',
  vite:config       '@vueuse/core',
  vite:config       '@vueuse/head',
  vite:config       '@vueform/multiselect',
  vite:config       '@vueform/slider',
  vite:config       'axios',
  vite:config       'billboard.js',
  vite:config       'dayjs',
  vite:config       'dropzone',
  vite:config       'dragula',
  vite:config       'filepond',
  vite:config       'filepond-plugin-file-validate-size',
  vite:config       'filepond-plugin-file-validate-type',
  vite:config       'filepond-plugin-image-exif-orientation',
  vite:config       'filepond-plugin-image-crop',
  vite:config       'filepond-plugin-image-edit',
  vite:config       'filepond-plugin-image-preview',
  vite:config       'filepond-plugin-image-resize',
  vite:config       'filepond-plugin-image-transform',
  vite:config       'imask',
  vite:config       'nprogress',
  vite:config       'notyf',
  vite:config       'mapbox-gl',
  vite:config       'photoswipe/dist/photoswipe',
  vite:config       'photoswipe/dist/photoswipe-ui-default',
  vite:config       'plyr',
  vite:config       'v-calendar',
  vite:config       'vee-validate',
  vite:config       'vue',
  vite:config       'vue-scrollto',
  vite:config       'vue3-apexcharts',
  vite:config       'vue-tippy',
  vite:config       'simplebar',
  vite:config       'simple-datatables',
  vite:config       'tiny-slider/src/tiny-slider',
  vite:config       'vue-accessible-color-picker',
  vite:config       'yup'
  vite:config     ],
  vite:config     esbuildOptions: { keepNames: undefined }
  vite:config   },
  vite:config   resolve: {
  vite:config     dedupe: undefined,
  vite:config     alias: [ [Object], [Object], [Object], [Object], [Object] ]
  vite:config   },
  vite:config   build: {
  vite:config     target: [ 'es2019', 'edge88', 'firefox78', 'chrome87', 'safari13.1' ],
  vite:config     polyfillModulePreload: true,
  vite:config     outDir: 'dist',
  vite:config     assetsDir: 'assets',
  vite:config     assetsInlineLimit: 4096,
  vite:config     cssCodeSplit: true,
  vite:config     sourcemap: false,
  vite:config     rollupOptions: { external: [Array] },
  vite:config     commonjsOptions: { include: [Array], extensions: [Array] },
  vite:config     dynamicImportVarsOptions: { warnOnError: true, exclude: [Array] },
  vite:config     minify: 'terser',
  vite:config     terserOptions: {},
  vite:config     write: true,
  vite:config     emptyOutDir: null,
  vite:config     manifest: false,
  vite:config     lib: false,
  vite:config     ssr: false,
  vite:config     ssrManifest: false,
  vite:config     brotliSize: true,
  vite:config     chunkSizeWarningLimit: 2000,
  vite:config     watch: null
  vite:config   },
  vite:config   plugins: [
  vite:config     'alias',
  vite:config     'vite-plugin-pages',
  vite:config     'vite-plugin-vuero-doc',
  vite:config     'purge-icons',
  vite:config     'imagetools',
  vite:config     'vite:modulepreload-polyfill',
  vite:config     'vite:resolve',
  vite:config     'vite:html',
  vite:config     'vite:css',
  vite:config     'vite:esbuild',
  vite:config     'vite:json',
  vite:config     'vite:wasm',
  vite:config     'vite:worker',
  vite:config     'vite:asset',
  vite:config     'vite:vue',
  vite:config     'vite-plugin-vue-i18n',
  vite:config     'vite-plugin-fonts',
  vite:config     'vite-plugin-Radar',
  vite:config     'vite-plugin-pwa:virtual',
  vite:config     'vite:define',
  vite:config     'vite:css-post',
  vite:config     'vite:build-html',
  vite:config     'commonjs',
  vite:config     'vite:data-uri',
  vite:config     'rollup-plugin-dynamic-import-variables',
  vite:config     'asset-import-meta-url',
  vite:config     'unplugin-vue-components',
  vite:config     'vite-plugin-pwa',
  vite:config     'vite:imagemin',
  vite:config     'vite:import-analysis',
  vite:config     'vite:esbuild-transpile',
  vite:config     'vite:terser',
  vite:config     'vite:reporter',
  vite:config     'load-fallback'
  vite:config   ],
  vite:config   define: {
  vite:config     __VUE_OPTIONS_API__: true,
  vite:config     __VUE_PROD_DEVTOOLS__: false,
  vite:config     __VUE_I18N_LEGACY_API__: false,
  vite:config     __VUE_I18N_FULL_INSTALL__: true,
  vite:config     __VUE_I18N_PROD_DEVTOOLS__: false
  vite:config   },
  vite:config   ssr: { external: [ 'vue', '@vue/server-renderer' ] },
  vite:config   configFile: '/Users/thebestpc/Desktop/Projects/whale-watcher/vite.config.ts',
  vite:config   configFileDependencies: [
  vite:config     'vite-plugin-vuero-doc/markdown-it-prism-vue.ts',
  vite:config     'vite-plugin-vuero-doc/index.ts',
  vite:config     'vite.config.ts'
  vite:config   ],
  vite:config   inlineConfig: {
  vite:config     root: undefined,
  vite:config     base: undefined,
  vite:config     mode: undefined,
  vite:config     configFile: undefined,
  vite:config     logLevel: undefined,
  vite:config     clearScreen: undefined,
  vite:config     build: {}
  vite:config   },
  vite:config   cacheDir: '/Users/thebestpc/Desktop/Projects/whale-watcher/node_modules/.vite',
  vite:config   command: 'build',
  vite:config   mode: 'production',
  vite:config   isProduction: true,
  vite:config   server: { fs: { strict: undefined, allow: [Array] } },
  vite:config   env: {
  vite:config     VITE_BASE_URL: '<Removed because of privacy>',
  vite:config     VITE_MAPBOX_ACCESS_TOKEN: '<Removed because of privacy>',
  vite:config     VITE_X_API_KEY: '<Removed because of privacy>',
  vite:config     BASE_URL: '/',
  vite:config     MODE: 'production',
  vite:config     DEV: false,
  vite:config     PROD: true
  vite:config   },
  vite:config   assetsInclude: [Function: assetsInclude],
  vite:config   logger: {
  vite:config     hasWarned: false,
  vite:config     info: [Function: info],
  vite:config     warn: [Function: warn],
  vite:config     warnOnce: [Function: warnOnce],
  vite:config     error: [Function: error],
  vite:config     clearScreen: [Function: clearScreen],
  vite:config     hasErrorLogged: [Function: hasErrorLogged]
  vite:config   },
  vite:config   createResolver: [Function: createResolver]
  vite:config } +195ms
[vite-plugin-pwa] (0 , import_vite.transformWithEsbuild) is not a function
file: /Users/thebestpc/Desktop/Projects/whale-watcher/src/components/base/modal/VModal.vue
error during build:
TypeError: (0 , import_vite.transformWithEsbuild) is not a function
    at transformMain (/Users/thebestpc/Desktop/Projects/whale-watcher/node_modules/@vitejs/plugin-vue/dist/index.js:4520:83)
    at async ModuleLoader.addModuleSource (/Users/thebestpc/Desktop/Projects/whale-watcher/node_modules/vite/node_modules/rollup/dist/shared/rollup.js:22152:30)
error Command failed with exit code 1.

Validations

[X] Follow our Code of Conduct
[X] Read the Contributing Guidelines.
[X] Read the docs.
[X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
[X] Make sure this is a Vite issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to https://github.com/vuejs/vue-next instead.
[X] Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
[X] The provided reproduction is a minimal reproducible example of the bug.

vitejs / vite