具有react-svg-loader的Ne​​xtJS失败

Question

我无法正确配置此设置。我有一个带有next-css的NextJS设置，我正在尝试将react-svg-loader添加到配置中：

next.config.js：

const withCSS = require("@zeit/next-css");

module.exports = withCSS({
  cssModules: true,
  cssLoaderOptions: {
    importLoaders: 1,
    localIdentName: "[local]__[hash:base64:4]"
  },
  webpack(config, options) {
    const { dev, isServer } = options;
    config.module.rules.push({
      test: /\.svg$/,
      use: [
        {
          loader: "react-svg-loader",
          options: {
            jsx: true // true outputs JSX tags
          }
        }
      ]
    });

    return config;
  }
});

svg仍然无法加载：

  

{错误：（客户端）。/svgs / pencil.svg 10：9模块解析失败：   意外令牌（10：9）您可能需要适当的加载程序来处理   此文件类型。

看起来我上面的配置不起作用，但我不太清楚为什么。