diff --git a/packages/create-rslib/fragments/tools/storybook-react-js/.storybook/main.js b/packages/create-rslib/fragments/tools/storybook-react-js/.storybook/main.js
index b36660dd1..8fcb02fda 100644
--- a/packages/create-rslib/fragments/tools/storybook-react-js/.storybook/main.js
+++ b/packages/create-rslib/fragments/tools/storybook-react-js/.storybook/main.js
@@ -1,5 +1,8 @@
+import { createRequire } from 'node:module';
 import { dirname, join } from 'node:path';
 
+const require = createRequire(import.meta.url);
+
 /**
  * This function is used to resolve the absolute path of a package.
  * It is needed in projects that use Yarn PnP or are set up within a monorepo.
diff --git a/packages/create-rslib/fragments/tools/storybook-react-ts/.storybook/main.ts b/packages/create-rslib/fragments/tools/storybook-react-ts/.storybook/main.ts
index 1b03e548d..8f0d7fd2e 100644
--- a/packages/create-rslib/fragments/tools/storybook-react-ts/.storybook/main.ts
+++ b/packages/create-rslib/fragments/tools/storybook-react-ts/.storybook/main.ts
@@ -1,4 +1,8 @@
+import { createRequire } from 'node:module';
 import { dirname, join } from 'node:path';
+
+const require = createRequire(import.meta.url);
+
 import type { StorybookConfig } from 'storybook-react-rsbuild';
 
 /**
diff --git a/packages/create-rslib/fragments/tools/storybook-vue-js/.storybook/main.js b/packages/create-rslib/fragments/tools/storybook-vue-js/.storybook/main.js
index f851f7f33..ac08d67e0 100644
--- a/packages/create-rslib/fragments/tools/storybook-vue-js/.storybook/main.js
+++ b/packages/create-rslib/fragments/tools/storybook-vue-js/.storybook/main.js
@@ -1,5 +1,7 @@
+import { createRequire } from 'node:module';
 import { dirname, join } from 'node:path';
 
+const require = createRequire(import.meta.url);
 /**
  * This function is used to resolve the absolute path of a package.
  * It is needed in projects that use Yarn PnP or are set up within a monorepo.
diff --git a/packages/create-rslib/fragments/tools/storybook-vue-ts/.storybook/main.ts b/packages/create-rslib/fragments/tools/storybook-vue-ts/.storybook/main.ts
index da4786cc5..98ef7d795 100644
--- a/packages/create-rslib/fragments/tools/storybook-vue-ts/.storybook/main.ts
+++ b/packages/create-rslib/fragments/tools/storybook-vue-ts/.storybook/main.ts
@@ -1,4 +1,8 @@
+import { createRequire } from 'node:module';
 import { dirname, join } from 'node:path';
+
+const require = createRequire(import.meta.url);
+
 import type { StorybookConfig } from 'storybook-vue3-rsbuild';
 
 /**
diff --git a/packages/create-rslib/template-[react]-[rstest,storybook]-js/.storybook/main.js b/packages/create-rslib/template-[react]-[rstest,storybook]-js/.storybook/main.js
index b36660dd1..8fcb02fda 100644
--- a/packages/create-rslib/template-[react]-[rstest,storybook]-js/.storybook/main.js
+++ b/packages/create-rslib/template-[react]-[rstest,storybook]-js/.storybook/main.js
@@ -1,5 +1,8 @@
+import { createRequire } from 'node:module';
 import { dirname, join } from 'node:path';
 
+const require = createRequire(import.meta.url);
+
 /**
  * This function is used to resolve the absolute path of a package.
  * It is needed in projects that use Yarn PnP or are set up within a monorepo.
diff --git a/packages/create-rslib/template-[react]-[rstest,storybook]-ts/.storybook/main.ts b/packages/create-rslib/template-[react]-[rstest,storybook]-ts/.storybook/main.ts
index 1b03e548d..8f0d7fd2e 100644
--- a/packages/create-rslib/template-[react]-[rstest,storybook]-ts/.storybook/main.ts
+++ b/packages/create-rslib/template-[react]-[rstest,storybook]-ts/.storybook/main.ts
@@ -1,4 +1,8 @@
+import { createRequire } from 'node:module';
 import { dirname, join } from 'node:path';
+
+const require = createRequire(import.meta.url);
+
 import type { StorybookConfig } from 'storybook-react-rsbuild';
 
 /**
diff --git a/packages/create-rslib/template-[react]-[storybook,vitest]-js/.storybook/main.js b/packages/create-rslib/template-[react]-[storybook,vitest]-js/.storybook/main.js
index b36660dd1..8fcb02fda 100644
--- a/packages/create-rslib/template-[react]-[storybook,vitest]-js/.storybook/main.js
+++ b/packages/create-rslib/template-[react]-[storybook,vitest]-js/.storybook/main.js
@@ -1,5 +1,8 @@
+import { createRequire } from 'node:module';
 import { dirname, join } from 'node:path';
 
+const require = createRequire(import.meta.url);
+
 /**
  * This function is used to resolve the absolute path of a package.
  * It is needed in projects that use Yarn PnP or are set up within a monorepo.
diff --git a/packages/create-rslib/template-[react]-[storybook,vitest]-ts/.storybook/main.ts b/packages/create-rslib/template-[react]-[storybook,vitest]-ts/.storybook/main.ts
index 1b03e548d..8f0d7fd2e 100644
--- a/packages/create-rslib/template-[react]-[storybook,vitest]-ts/.storybook/main.ts
+++ b/packages/create-rslib/template-[react]-[storybook,vitest]-ts/.storybook/main.ts
@@ -1,4 +1,8 @@
+import { createRequire } from 'node:module';
 import { dirname, join } from 'node:path';
+
+const require = createRequire(import.meta.url);
+
 import type { StorybookConfig } from 'storybook-react-rsbuild';
 
 /**
diff --git a/packages/create-rslib/template-[react]-[storybook]-js/.storybook/main.js b/packages/create-rslib/template-[react]-[storybook]-js/.storybook/main.js
index b36660dd1..8fcb02fda 100644
--- a/packages/create-rslib/template-[react]-[storybook]-js/.storybook/main.js
+++ b/packages/create-rslib/template-[react]-[storybook]-js/.storybook/main.js
@@ -1,5 +1,8 @@
+import { createRequire } from 'node:module';
 import { dirname, join } from 'node:path';
 
+const require = createRequire(import.meta.url);
+
 /**
  * This function is used to resolve the absolute path of a package.
  * It is needed in projects that use Yarn PnP or are set up within a monorepo.
diff --git a/packages/create-rslib/template-[react]-[storybook]-ts/.storybook/main.ts b/packages/create-rslib/template-[react]-[storybook]-ts/.storybook/main.ts
index 1b03e548d..8f0d7fd2e 100644
--- a/packages/create-rslib/template-[react]-[storybook]-ts/.storybook/main.ts
+++ b/packages/create-rslib/template-[react]-[storybook]-ts/.storybook/main.ts
@@ -1,4 +1,8 @@
+import { createRequire } from 'node:module';
 import { dirname, join } from 'node:path';
+
+const require = createRequire(import.meta.url);
+
 import type { StorybookConfig } from 'storybook-react-rsbuild';
 
 /**
diff --git a/packages/create-rslib/template-[vue]-[rstest,storybook]-js/.storybook/main.js b/packages/create-rslib/template-[vue]-[rstest,storybook]-js/.storybook/main.js
index f851f7f33..ac08d67e0 100644
--- a/packages/create-rslib/template-[vue]-[rstest,storybook]-js/.storybook/main.js
+++ b/packages/create-rslib/template-[vue]-[rstest,storybook]-js/.storybook/main.js
@@ -1,5 +1,7 @@
+import { createRequire } from 'node:module';
 import { dirname, join } from 'node:path';
 
+const require = createRequire(import.meta.url);
 /**
  * This function is used to resolve the absolute path of a package.
  * It is needed in projects that use Yarn PnP or are set up within a monorepo.
diff --git a/packages/create-rslib/template-[vue]-[rstest,storybook]-ts/.storybook/main.ts b/packages/create-rslib/template-[vue]-[rstest,storybook]-ts/.storybook/main.ts
index da4786cc5..98ef7d795 100644
--- a/packages/create-rslib/template-[vue]-[rstest,storybook]-ts/.storybook/main.ts
+++ b/packages/create-rslib/template-[vue]-[rstest,storybook]-ts/.storybook/main.ts
@@ -1,4 +1,8 @@
+import { createRequire } from 'node:module';
 import { dirname, join } from 'node:path';
+
+const require = createRequire(import.meta.url);
+
 import type { StorybookConfig } from 'storybook-vue3-rsbuild';
 
 /**
diff --git a/packages/create-rslib/template-[vue]-[storybook,vitest]-js/.storybook/main.js b/packages/create-rslib/template-[vue]-[storybook,vitest]-js/.storybook/main.js
index f851f7f33..ac08d67e0 100644
--- a/packages/create-rslib/template-[vue]-[storybook,vitest]-js/.storybook/main.js
+++ b/packages/create-rslib/template-[vue]-[storybook,vitest]-js/.storybook/main.js
@@ -1,5 +1,7 @@
+import { createRequire } from 'node:module';
 import { dirname, join } from 'node:path';
 
+const require = createRequire(import.meta.url);
 /**
  * This function is used to resolve the absolute path of a package.
  * It is needed in projects that use Yarn PnP or are set up within a monorepo.
diff --git a/packages/create-rslib/template-[vue]-[storybook,vitest]-ts/.storybook/main.ts b/packages/create-rslib/template-[vue]-[storybook,vitest]-ts/.storybook/main.ts
index da4786cc5..98ef7d795 100644
--- a/packages/create-rslib/template-[vue]-[storybook,vitest]-ts/.storybook/main.ts
+++ b/packages/create-rslib/template-[vue]-[storybook,vitest]-ts/.storybook/main.ts
@@ -1,4 +1,8 @@
+import { createRequire } from 'node:module';
 import { dirname, join } from 'node:path';
+
+const require = createRequire(import.meta.url);
+
 import type { StorybookConfig } from 'storybook-vue3-rsbuild';
 
 /**
diff --git a/packages/create-rslib/template-[vue]-[storybook]-js/.storybook/main.js b/packages/create-rslib/template-[vue]-[storybook]-js/.storybook/main.js
index f851f7f33..ac08d67e0 100644
--- a/packages/create-rslib/template-[vue]-[storybook]-js/.storybook/main.js
+++ b/packages/create-rslib/template-[vue]-[storybook]-js/.storybook/main.js
@@ -1,5 +1,7 @@
+import { createRequire } from 'node:module';
 import { dirname, join } from 'node:path';
 
+const require = createRequire(import.meta.url);
 /**
  * This function is used to resolve the absolute path of a package.
  * It is needed in projects that use Yarn PnP or are set up within a monorepo.
diff --git a/packages/create-rslib/template-[vue]-[storybook]-ts/.storybook/main.ts b/packages/create-rslib/template-[vue]-[storybook]-ts/.storybook/main.ts
index da4786cc5..98ef7d795 100644
--- a/packages/create-rslib/template-[vue]-[storybook]-ts/.storybook/main.ts
+++ b/packages/create-rslib/template-[vue]-[storybook]-ts/.storybook/main.ts
@@ -1,4 +1,8 @@
+import { createRequire } from 'node:module';
 import { dirname, join } from 'node:path';
+
+const require = createRequire(import.meta.url);
+
 import type { StorybookConfig } from 'storybook-vue3-rsbuild';
 
 /**