8wDlpd.png
8wDFp9.png
8wDEOx.png
8wDMfH.png
8wDKte.png

13:33:44 [vite] 内部服务器错误:'@storybook/react' 包中缺少 './dist/entry-preview.mjs.js' 说明符

user21110533 1月前

10 0

如何使用 \'@storybook/react\': \'^8.2.9\'、\'@storybook/react-vite\': \'8.2.9\'、\'vite\': \'^4.4.0\'、\'vite-tsconfig-paths\': & 修复此问题

如何使用修复此问题
\'@storybook/react\':\'^8.2.9\',\'@storybook/react-vite\':\'8.2.9\',\'vite\':\'^4.4.0\',\'vite-tsconfig-paths\':\'^4.3.1\',\'vitest\':\'^1.3.1\'在开发者控制台的网络选项卡中,我看到了调用:GET http://localhost:6007/virtual:/@storybook/builder-vite/vite-app.js net::ERR_ABORTED 404 (Not Found)

-文件 main.ts

import type { StorybookConfig } from '@storybook/react-vite';

const config: StorybookConfig = {
  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
  addons: [
    '@storybook/addon-links',
    '@storybook/addon-next',
    '@storybook/addon-essentials',
    '@storybook/preset-create-react-app',
  ],
  framework: {
    name: '@storybook/react-vite',
    options: {},
  },
  
};

export default config;

-文件预览.tsx

import '@mantine/core/styles.css';
import React, { useEffect } from 'react';
import { addons } from '@storybook/preview-api';
import { DARK_MODE_EVENT_NAME } from 'storybook-dark-mode';
import { MantineProvider, useMantineColorScheme } from '@mantine/core';
import { theme } from '../src/theme';

const channel = addons.getChannel();

function ColorSchemeWrapper({ children }: { children: React.ReactNode }) {
  const { setColorScheme } = useMantineColorScheme();
  const handleColorScheme = (value: boolean) => setColorScheme(value ? 'dark' : 'light');

  useEffect(() => {
    channel.on(DARK_MODE_EVENT_NAME, handleColorScheme);
    return () => channel.off(DARK_MODE_EVENT_NAME, handleColorScheme);
  }, [channel]);

  return <>{children}</>;
}

export const decorators = [
  (renderStory: any) => <ColorSchemeWrapper>{renderStory()}</ColorSchemeWrapper>,
  (renderStory: any) => <MantineProvider theme={theme}>{renderStory()}</MantineProvider>,
];

\'我尝试使用 Vite 运行 Storybook,但遇到 vite-app.js 文件的 404 错误,无法解决。\'

帖子版权声明 1、本帖标题:13:33:44 [vite] 内部服务器错误:'@storybook/react' 包中缺少 './dist/entry-preview.mjs.js' 说明符
    本站网址:http://xjnalaquan.com/
2、本网站的资源部分来源于网络,如有侵权,请联系站长进行删除处理。
3、会员发帖仅代表会员个人观点,并不代表本站赞同其观点和对其真实性负责。
4、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
5、站长邮箱:yeweds@126.com 除非注明,本帖由user21110533在本站《javascript》版块原创发布, 转载请注明出处!
最新回复 (0)
返回
作者最近主题: