Hello, I’ve never worked with webpack and my JS knowledge is poor, and I have a Discourse install running off an IP, which is “unsupported”. It works, but the icons are missing because it tries loading http://192.168.0.22:8080/svg-sprite/192.168.0.22:8080/svg-3-c1066beb12cc75cc4c3bc42f218f381c862e7…

We don’t use the browser’s native module resolution system, so <script type="module"> with imports and exports won’t work as you expect. Instead, you can create an initializer in a Discourse theme/plugin, and use that to run the loadSprites() code. [image] Pyx : you can put anything where the …

[image] David Taylor: Instead, you can create an initializer in a Discourse theme/plugin, and use that to run the loadSprites() code. Is there a guide for this? Haven’t tried that before.

Thanks… it worked! For anybody else having this issue in the future, here’s the repo which I used to fix it (assuming you are running on 192.168.0.22:8080) https://github.com/darkpixlz/discourse-icons-fix

Add a script to Discourse's webpack

Development

david (David Taylor) July 1, 2024, 6:45pm 5

This topic has an example: Split up theme Javascript into multiple files

Topic		Replies	Views
Discourse-webpack: A boilerplate for developing JS-heavy Discourse components Development	1	1938	June 3, 2019
How to install npm packages in custom themes/plugins Development	6	2306	November 11, 2023
Some users get javascript errors when trying to load our Discourse Support	1	3302	January 16, 2023
Issues on loading a js asset from a Theme Component Development	18	1009	September 28, 2023
SetupWizard, blank screen, JS Error "`virtual-dom" Support	3	1485	July 27, 2017

Add a script to Discourse's webpack

Related topics