Webpacker 6: Troubleshooting Guide
Andrew Mason
Updated Jan 9th, 2022
A (growing) collection of tools and techniques for debugging your Webpack(er) setup.
I highly recommend reading the SurviveJS - Webpack 5 ebook for a real deep dive!.
Locating the Issue
Use the network tab in your browser to view the CSS that’s being sent to the browser for clues.
Cached Styles
If you update your styles but your UI does not change and there are no errors, it’s likely browser caching.
Hard reload after clearing your cache and you should see your changes.
To avoid these errors, import your styles into your JS pack vs. using style-loader.
Tools
Dashboards
- Series
- webpacker-6
- Previous
- Webpacker 6: Image Asset Guide
- Questions
- on GitHub Discussions↗
- Discuss
- on Twitter↗
- Updated On
- Jan 9th, 2022
- Published On
- Dec 23rd, 2020
- Word Count
- 120 words
- Reading Time
- 1 min read