Reactjs Storybook无法显示以下图像'；由React组件直接导入

我正在使用带有CreateReact应用程序、TypeScript和

我有一个加载器组件：

import React from 'react'
import src '../../../assets/img/loading.gif'

const Loader = ({ width, height }) => {

    return (
        <div className="loading">
            <img
                style={{width, height}}
                src={src}
            />
        </div>
    )
}

从“React”导入React
导入src'../../../assets/img/load.gif'
常量加载器=（{width，height}）=>{
返回(
)
}

该组件在我的应用程序中运行良好，但图像在故事书中被破坏-src无法通过：

---

我能做些什么来修复这个问题？

我也有同样的错误，（只在一个组件上，非常奇怪）…在一个div上尝试一下……style={{{backgroundImage:'url（'+require（'../../../../assets/img/load.gif'）+'））'从您的屏幕截图可以看出，

src

在

props

中具有适当的值。这是真的吗？我的意思是说，storybook中的webpack配置能够解析img文件路径？