相关疑难解决方法(0)

我正在尝试将 Storybook 添加到现有的 React 应用程序中，但在导入的 svg 文件中出现错误。svg 被导入并使用如下：

import Border from './images/border.inline.svg'
...
<Border className="card__border" />

这在应用程序运行和构建时有效，但在 Storybook 中出现错误。怎么来的？

Failed to execute 'createElement' on 'Document': The tag name provided ('static/media/border.inline.258eb86a.svg') is not a valid name.
Error: Failed to execute 'createElement' on 'Document': The tag name provided ('static/media/border.inline.258eb86a.svg') is not a valid name.

默认的 webpack.config.js 有：

  ...
  {
    test: /\.inline.svg$/,
    loader: 'svg-react-loader'
  },
  ...

此外，现有代码使用 webpack 3，而我使用的是 Storybook V4。