diff --git a/lib/builder-webpack5/package.json b/lib/builder-webpack5/package.json
index 793c1ad0decb..70e913af037f 100644
--- a/lib/builder-webpack5/package.json
+++ b/lib/builder-webpack5/package.json
@@ -77,6 +77,7 @@
     "@types/node": "^14.0.10 || ^16.0.0",
     "babel-loader": "^8.0.0",
     "babel-plugin-named-exports-order": "^0.0.2",
+    "browser-assert": "^1.2.1",
     "case-sensitive-paths-webpack-plugin": "^2.3.0",
     "core-js": "^3.8.2",
     "css-loader": "^5.0.1",
diff --git a/lib/builder-webpack5/src/preview/iframe-webpack.config.ts b/lib/builder-webpack5/src/preview/iframe-webpack.config.ts
index 8e86460d3c75..6c215b318e71 100644
--- a/lib/builder-webpack5/src/preview/iframe-webpack.config.ts
+++ b/lib/builder-webpack5/src/preview/iframe-webpack.config.ts
@@ -246,7 +246,7 @@ export default async (options: Options & Record<string, any>): Promise<Configura
       },
       fallback: {
         path: require.resolve('path-browserify'),
-        assert: require.resolve('assert/'),
+        assert: require.resolve('browser-assert'),
       },
     },
     optimization: {
diff --git a/yarn.lock b/yarn.lock
index 6d074ca1e645..13c0f543944e 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -7270,6 +7270,7 @@ __metadata:
     "@types/webpack-virtual-modules": ^0.1.0
     babel-loader: ^8.0.0
     babel-plugin-named-exports-order: ^0.0.2
+    browser-assert: ^1.2.1
     case-sensitive-paths-webpack-plugin: ^2.3.0
     core-js: ^3.8.2
     css-loader: ^5.0.1
@@ -15410,6 +15411,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"browser-assert@npm:^1.2.1":
+  version: 1.2.1
+  resolution: "browser-assert@npm:1.2.1"
+  checksum: 902abf999f92c9c951fdb6d7352c09eea9a84706258699655f7e7906e42daa06a1ae286398a755872740e05a6a71c43c5d1a0c0431d67a8cdb66e5d859a3fc0c
+  languageName: node
+  linkType: hard
+
 "browser-process-hrtime@npm:^1.0.0":
   version: 1.0.0
   resolution: "browser-process-hrtime@npm:1.0.0"