如何关闭@storybook/addon-interactions v7.4.0的交互自动播放？

你之前的配置未生效，是因为没把autoplay放在正确的参数层级下。在Storybook v7.x版本中，交互自动播放的控制参数属于interactions参数组，而非全局独立参数。

全局禁用（所有故事生效） #

在preview.js中添加以下配置：

export const parameters = {
  interactions: {
    autoplay: false,
  },
};

单个故事禁用（仅特定故事生效） #

在目标故事文件中，给对应故事设置参数：

export const TargetStory = {
  parameters: {
    interactions: {
      autoplay: false,
    },
  },
};

配置验证 #

设置完成后重启Storybook，打开故事的Interactions面板，自动播放会默认关闭，需手动点击播放按钮才会执行交互步骤。

注意：v7.4.0版本中main.js无相关全局配置项，此前在main.js中的设置无效，仅需在preview.js或故事参数中配置即可。

内容的提问来源于stack exchange，提问作者stargazer424