diff --git a/packages/vite/src/node/optimizer/depAssetPlugin.ts b/packages/vite/src/node/optimizer/depAssetPlugin.ts
index e3b21d42c71b83..9f92ea6718694a 100644
--- a/packages/vite/src/node/optimizer/depAssetPlugin.ts
+++ b/packages/vite/src/node/optimizer/depAssetPlugin.ts
@@ -7,6 +7,8 @@ import { normalizePath } from '../utils'
 import { ResolvedConfig } from '../config'
 import { idToPkgMap } from '../plugins/resolve'
 
+export const REQUIRE_SUFFIX = '?commonjs-require'
+
 export const depAssetExternalPlugin = (config: ResolvedConfig): Plugin => ({
   name: 'vite:dep-assets-external',
   resolveId(id) {
@@ -48,6 +50,15 @@ export const depAssetRewritePlugin = (config: ResolvedConfig): Plugin => {
                   s.remove(statementStart, statementEnd)
                   continue
                 }
+                // rollup-plugin-commonjs will inject require suffix for require call
+                if (importee.endsWith(REQUIRE_SUFFIX)) {
+                  s.overwrite(
+                    start,
+                    end,
+                    importee.slice(1, -REQUIRE_SUFFIX.length)
+                  )
+                  continue
+                }
                 if (importee.startsWith('.')) {
                   const pkg = idToPkgMap.get(id)
                   if (pkg) {