Error: url.replace is not a function

Bug report

yarn start and getting error . Same error with css plugin, So I think if this error happens not just in html webpack plugin then it can be related to Webpack

https://github.com/webpack-contrib/mini-css-extract-plugin/issues/793

What is the current behavior?

If the current behavior is a bug, please provide the steps to reproduce.

1. yarn start
2. wait for build

What is the expected behavior?

No error

Other relevant information: webpack version: “5.46.0” html-webpack-plugin: “5.3.2”, Node.js version: 14.17.1 Operating System: windows 11 wsl 2

[olegKusov]

Maybe you can provide reproducible test repo too? Because it should be work

Ok! Give me some time!

[alexander-akait]

Problem here:

{
    test: /\.svg$/,
    use: ['@svgr/webpack', 'url-loader'],
    type: 'javascript/auto',
  },

you need to use:

{
    test: /\.svg$/,
    exclude: /favicon\.svg$/,
    use: ['@svgr/webpack', 'url-loader'],
    type: 'javascript/auto',
  },

otherwise ../src/assets/icons/favicon.svg generate svgr output i.e. URL and react component, but it can be used inside HTML file