Fix MDX1 in Windows environments (#560)

storybookjs · Feb 13, 2023 · bee7983 · bee7983
1 parent 52763fb
commit bee7983
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/packages/builder-vite/plugins/mdx-plugin.ts b/packages/builder-vite/plugins/mdx-plugin.ts
@@ -1,6 +1,7 @@
 import { dirname } from 'node:path';
 import type { Options } from '@storybook/core-common';
 import { Plugin } from 'vite';
+import slash from 'slash';
 
 const isStorybookMdx = (id: string) => id.endsWith('stories.mdx') || id.endsWith('story.mdx');
 
@@ -10,10 +11,12 @@ const isStorybookMdx = (id: string) => id.endsWith('stories.mdx') || id.endsWith
  * Equivilent to https://github.com/storybookjs/mdx1-csf/blob/d58cb032a8902b3f24ad487b6a7aae11ba8b33f6/loader.js#L12-L16
  */
 function injectRenderer(code: string) {
-  const mdxReactPackage = dirname(
-    require.resolve('@mdx-js/react/package.json', {
-      paths: [dirname(require.resolve('@storybook/mdx1-csf/package.json'))],
-    })
+  const mdxReactPackage = slash(
+    dirname(
+      require.resolve('@mdx-js/react/package.json', {
+        paths: [dirname(require.resolve('@storybook/mdx1-csf/package.json'))],
+      })
+    )
   );
 
   return `