question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Doesn't seem to work with webpack-dev-server and FaviconsWebpackPlugin

See original GitHub issue

I’m trying to use this package to ensure that favicons-webpack-plugin and html-webpack-plugin will do their thing and inject generated favicon information into my index.htm file, but it doesn’t seem to work.

I’m on the latest webpack and webpack-cli, and I’ve tried webpack-dev-server with and without --hot.

What happens is on the first build of a new webpack-dev-server session, the favicons are generated, but on every subsequent build they are not. This is also the same behavior I get if I don’t use html-webpack-harddisk-plugin.

Interestingly, this problem seems to only apply to favicons. I also use html-webpack-plugin to inject a CSS stylesheet, and that works fine on every build.

I’m not sure where in the process this is going wrong, please let me know if there’s a better place to file this issue.

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:6 (1 by maintainers)

github_iconTop GitHub Comments

1reaction
thomasjmcommented, Feb 17, 2019

Hmm @Uzwername, I think I actually gave up on this since it doesn’t affect production builds. I got used to having a blank favicon on my development tab haha.

0reactions
jantimoncommented, Feb 15, 2021

fixed with the following versions:

html-webpack-plugin 5.x favicons-webpack-plugin 5.x html-webpack-harddisk-plugin 2.x

Read more comments on GitHub >

github_iconTop Results From Across the Web

Webpack Dev Server - favicon not showing on localhost but ...
If you are using HtmlWebpackPlugin then you can include favicon: './src/assets/favicon.ico', property there.
Read more >
How do I get favicon working with webpack - Help Requests
My aurelia/webpack project is structured like so: |-- src ... when running in dev mode, it doesn't appear that any of my code...
Read more >
How to Favicon in 2022: Six files that fit most needs
Use copy-webpack-plugin to copy favicon.ico without adding a hash to file name. Bonus tip: create a separate icon for staging. Favicons are a ......
Read more >
@expo/webpack-config - npm
Root of the Expo project. https, boolean, false, Should the dev server use https protocol. mode, Mode ...
Read more >
webpack-dev-server (3.6.0): What I wish I knew | by Nick Arthur
It doesn't work for me due to the way my routing is set up. What this renders for me at localhost:8080/webpack-dev-server. It appears...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found