您需要提供一个可处理SVG导入的webpack加载器，其中著名的一种是svgr。
为了对其进行配置，您需要将加载
next.config.js程序的用法添加到文件中，如下所示：
// next.config.jsmodule.exports = { webpack(config) { config.module.rules.push({ test: /.svg$/, issuer: { test: /.(js|ts)x?$/, }, use: ['@svgr/webpack'], }); return config; },};有关更多配置信息，请查看docs。
不要忘记 先安装它：
npm install
@svgr/webpack
编辑
我添加了
issuer将这些svg严格限制为仅适用于从
js /ts文件导入的svg的部分。这使您可以配置
svg从其他文件类型（例如
.css）导入的的其他行为
