故事书黑暗模式导致黑屏

时间:2021-03-26 18:11:57

标签: svelte storybook

在 Storybook 中使用 storybook-dark-mode 插件时,它一直导致一个完全空白的页面。甚至没有一个故事书外壳。只是一个白页。

这是配置文件:

// .storybook/main.js
module.exports =  {
    stories: ['../src/**/*.stories.svelte'],
    addons: [
        // '@storybook/addon-actions',
        { name: "@storybook/addon-essentials", options: { docs: false, backgrounds: false, actions: false } },
        '@storybook/addon-links',
        '@storybook/addon-a11y',
        '@storybook/addon-postcss',
        '@storybook/addon-svelte-csf',
        '@storybook/addon-jest',
        'storybook-dark-mode' // simply removing this line fixes everything
    ],
    webpackFinal: async (config) => {
        const svelteLoader = config.module.rules.find((r) => r.loader && r.loader.includes('svelte-loader'))
        svelteLoader.options.preprocess = require('svelte-preprocess')()
        return config
    },
}

调试步骤

  • 删除除暗模式插件之外的所有插件,以防发生冲突
  • 删除所有 Svelte 故事,以防出现 Svelte 冲突
  • 删除 svelte-preprocess 加载程序

简而言之,我尝试删除不是这个插件的所有内容。

元数据

您可以在此处找到完整的存储库:https://github.com/Nick-Mazuk/ui-svelte

  • @storybook/addon-a11y: 6.1.21
  • @storybook/addon-actions: 6.1.21
  • @storybook/addon-essentials:6.1.21
  • @storybook/addon-jest:6.1.21
  • @storybook/addon-links: 6.2.0-rc.9
  • @storybook/addon-postcss: 2.0.0
  • @storybook/addon-svelte-csf: 1.0.0
  • @storybook/addons: 6.2.0-rc.10
  • @storybook/svelte:6.2.0-rc.9
  • @storybook/theming: 6.1.21
  • 故事书黑暗模式:1.0.7
  • 苗条:3.35.0
  • 苗条小丑:1.3.2
  • svelte-loader: 3.0.0
  • svelte-预处理:4.6.9

0 个答案:

没有答案