我也遇到了这个问题，使用的是基于OS X的vue + vite。问题是否与vite插件有关？有人偶然发现解决方法了吗？

经过大量调试，我发现Vite插件可以覆盖彼此的构建设置。在我的案例中，vite-plugin-rails 覆盖了input 中的rollupOptions 部分，这意味着iframe输入不再存在，因此也不再是构建的一部分。

我已经为该插件提出了一个修复方案(ElMassimo/vite_ruby#488),但如果有人阅读此问题，我建议检查您的Vite插件列表(尤其是那些在viteFinal中设置的和您的vite.config.ts),看看禁用它们是否能使iframe再次出现。

我正在经历相同的问题，在我的本地机器(不是CI)上。当我运行storybook dev时，它运行正常。storybook build完成后会生成一个./storybook-static/文件夹，但没有iframe.html。所以当我通过npx http-server ./storybook-static/加载网站时，它无法显示任何内容，JS控制台显示以下内容：

Failed to load resource: the server responded with a status of 404 (Not Found)- iframe.html

http-server日志显示以下内容：

[2024-01-16T21:48:44.622Z]  "GET /iframe.html?viewMode=story&id=*" Error (404): "Not found"

相关软件包：

"@storybook/addon-actions": "^7.6.8",
    "@storybook/addon-essentials": "^7.6.8",
    "@storybook/addon-interactions": "^7.6.8",
    "@storybook/addon-links": "^7.6.8",
    "@storybook/addon-themes": "^7.6.8",
    "@storybook/blocks": "^7.6.8",
    "@storybook/svelte": "^7.6.8",
    "@storybook/svelte-vite": "^7.6.8",
    "@storybook/testing-library": "^0.2.2",
    "@sveltejs/vite-plugin-svelte": "^2.4.6",
    "chromatic": "^10.2.2",
    "storybook": "^7.6.8",
    "svelte": "^4.2.2",
    "svelte-loader": "^3.1.9",
    "svelte-preprocess": "^5.0.4",
    "typescript": "^5.2.2",
    "vite": "^4.5.0",

配置(.storybook/main.ts):

import { mergeConfig } from 'vite'
import type { StorybookConfig } from '@storybook/svelte-vite'

const config: StorybookConfig = {
  stories: ['../stories/**/*.stories.ts'],
  addons: [
    '@storybook/addon-actions',
    '@storybook/addon-essentials',
    '@storybook/addon-interactions',
    '@storybook/addon-links',
    '@storybook/addon-themes'
  ],
  framework: {
    name: '@storybook/svelte-vite',
    options: {}
  },
  docs: {
    autodocs: 'tag'
  },
  async viteFinal(config) {
    return mergeConfig(config, {
      cacheDir: '../../node_modules/.cache/.vite-storybook'
    })
  }
}

export default config

信息：

Storybook Environment Info:

  System:
    OS: macOS 14.2.1
    CPU: (12) arm64 Apple M3 Pro
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 18.15.0 - ~/.asdf/installs/nodejs/18.15.0/bin/node
    Yarn: 4.0.1 - ~/.asdf/installs/nodejs/18.15.0/bin/yarn <----- active
    npm: 9.5.0 - ~/.asdf/plugins/nodejs/shims/npm
  Browsers:
    Chrome: 120.0.6099.216
    Safari: 17.2.1
  npmPackages:
    @storybook/addon-actions: ^7.6.8 => 7.6.8
    @storybook/addon-essentials: ^7.6.8 => 7.6.8
    @storybook/addon-interactions: ^7.6.8 => 7.6.8
    @storybook/addon-links: ^7.6.8 => 7.6.8
    @storybook/addon-themes: ^7.6.8 => 7.6.8
    @storybook/blocks: ^7.6.8 => 7.6.8
    @storybook/svelte: ^7.6.8 => 7.6.8
    @storybook/svelte-vite: ^7.6.8 => 7.6.8
    @storybook/testing-library: ^0.2.2 => 0.2.2
    chromatic: ^10.2.2 => 10.2.2
    storybook: ^7.6.8 => 7.6.8

关于这个问题有什么更新吗？我看到的问题和上面@KieranP的配置差不多。

同样的问题。本地所有文件都在storybook-static中，但在CI中使用node:20-slim有时构建不正确，文件最终会丢失。我还没有找到解决方法。过去几年里，我们的Storybooks时不时会出现问题。我们正在使用@storybook/html-webpack5。

有任何解决方案吗？我正在遇到相同的问题。