WithImages与作为React组件的导入冲突

如何解决WithImages与作为React组件的导入冲突

我正在使用一个简单的React应用程序，遵循create-react-app方法来通过CLI设置应用程序。之后，我开始设置Next.js来处理SSR。我已经设置了一切来进行这样的导入：

import { ReactComponent as EmptyUser } from 'assets/icons/empty-user.svg'

在设置Next.js之前，一切正常。当我配置Next.js图像停止工作时，我所有指向公共资产的链接都不再起作用。所以我这样创建了Next.config.js：

const withImages = require('next-images')

module.exports = withImages({
  webpack: config => {
    return config
  },

你们可以看到 next-images 包来显示应用程序图像。添加withImages软件包后，在下面的代码行中出现了此错误：模块'* .svg''没有导出的成员'ReactComponent'。

import { ReactComponent as EmptyUser } from 'assets/icons/empty-user.svg'

我试图像在stackoverflow中的其他解决方案上一样添加一个custom.ts.d文件，但这很简单，不起作用，还试图在babelrc中包含babel-plugin-inline-react-svg，但它也没有工作。

对此有任何帮助吗？

谢谢！