在storybook-start脚本中配置静态文件夹对我来说很有效：

文档：静态文件通过目录

您还可以配置一个目录（或目录列表），以便在启动Storybook时搜索静态内容。

//package.json
{
"scripts": {
    "start-storybook": "start-storybook -s ./public -p 9001"
  }
}

字符串
祝你好运...

如果有人遇到同样的问题，尝试下面的代码（我使用：故事书，React-没有创建React应用程序， typescript ）：
第一个问题是关于typescript的，这是对我有用的：我在根文件夹中创建了自定义.d.ts文件，并将此代码放入其中：

declare module "*.svg" {
  const content: string;
  export default content;
}
declare module "svg-inline-react"

字符串
然后我将这个文件添加到tsll.json中，如下所示：

"files": [
  "./custom.d.ts"
],

型
在那之后，错误-“couldn 't find imageName.svg”消失了，但是svg-inline-react仍然没有显示图标，现在问题在'webpack.js.js'文件中，下面写了修复代码。

const path = require('path');
module.exports = ({ config }) => {
  config.module.rules = config.module.rules.map( data => {
    // This overrides default svg rouls of storybook, and after that we can use 
   //svg-inline-loader.
    if (/svg\|/.test( String( data.test ) ))
      data.test = /\.(ico|jpg|jpeg|png|gif|eot|otf|webp|ttf|woff|woff2|cur|ani) 
 (\?.*)?$/;
    return data;
  });
    config.module.rules.push({
        test: /\.scss$/,
        use: ['style-loader', 'css-loader', 'sass-loader'],
      });
    config.module.rules.push({
      test: /\.(ts|tsx)$/,
      use: [
        {
          loader: require.resolve('awesome-typescript-loader'),
        },
      ],
    });
    config.module.rules.push({
      test: /\.svg$/,
      include: path.resolve(__dirname, '../'),
      loader: 'svg-inline-loader'
    });
    config.resolve.extensions.push('.ts', '.tsx')
    return config;
};

型
^_^

修复方法：

我的文件夹结构如下

# root_folder
.storybook/
src/
package.json
...
...

字符串
我的图像文件夹位于src/resources/images/my_image.jpg中
我通过添加-s ./修复了这个问题，

"storybook": "start-storybook -s ./ -p 9001"

型
希望有帮助：）💃🏻

在最新版本的Storybook中（撰写本文时为版本7），推荐使用staticDirs配置元素。示例：

module.exports = {
   staticDirs: ['../public', './static']
};

字符串
我在从故事书版本6升级到版本7时偶然发现了这一点，以前我在CLI中使用-s，现在已经被删除了。
Source