如何使用 next.config.js 从 node_modules 加载 svg？

如何解决如何使用 next.config.js 从 node_modules 加载 svg？

我使用 jsoneditor NPM 库。 jsoneditor 包含通过 svg 加载的 import 'jsoneditor/dist/jsoneditor.css';。但它给了我这个错误。看起来 next.config.js 没有正确加载 SVG。

ModuleParseError: Module parse Failed: Unexpected token (1:0)
You may need an appropriate loader to handle this file type,currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
| <svg
|    xmlns:dc="http://purl.org/dc/elements/1.1/"

以下是我当前的 nextjs 配置。

module.exports = {
  webpack: (config,options) => {
    config.module.rules.push({
      test: /\.svg$/,use: ["@svgr/webpack"]
    });
    return config;
  },...withImages(withCSS({
    cssModules: true,cssLoaderOptions: {
      importLoaders: 1,localIdentName: '[local]___[hash:base64:5]',},...withLess(
      withSass({
        lessLoaderOptions: {
          javascriptEnabled: true,importScripts: true,}),)
  }))
}