如何使用 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,}),)
  }))
}

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）