Strange filename for urls with hash

[719media]

• Operating System:
• Node Version: 13.2
• NPM Version: 6.13.1
• webpack Version: 4.41.2
• file-loader Version: 5.0.2

Expected Behavior

Same output for compilation

Actual Behavior

-  src: url(/assets/dev/fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(/assets/dev/fonts/fa-solid-900.woff2) format("woff2"), url(/assets/dev/fonts/fa-solid-900.woff) format("woff"), url(/assets/dev/fonts/fa-solid-900.ttf) format("truetype"), url(/assets/dev/fonts/fa-solid-900.svg#fontawesome) format("svg");
+  src: url("[object Module]?#iefix") format("embedded-opentype"), url(/assets/dev/fonts/fa-solid-900.woff2) format("woff2"), url(/assets/dev/fonts/fa-solid-900.woff) format("woff"), url(/assets/dev/fonts/fa-solid-900.ttf) format("truetype"), url("[object Module]#fontawesome") format("svg");

Code

{
    test: /\.(eot|ttf|svg)$/,
    loader: 'file-loader',
  },

How Do We Reproduce?

Just use font awesome in your build. Like

@import "~@fortawesome/fontawesome-free/scss/fontawesome";
@import "~@fortawesome/fontawesome-free/scss/solid";

[alexander-akait]

Update css-loader to latest version or disable ES modules https://github.com/webpack-contrib/file-loader#esmodule

[alexander-akait]

If it not solve your problem please open a new issue in css-loader with a reproducible test repo

[719media]

Adding esModule: false to the loader worked. I'm not exactly sure why that has that effect, but I appreciate the help.

[lerit]

@evilebottnawi update css-loader not resolve this issue:"css-loader": "^3.5.3" only work with:esModule: false source:

 <img  src="~assets/abc.jpg" />

output:

<img data-v-b0d84c92="" src="[object Module]">

current file-loader:v6.0.0