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-c1066beb12cc75cc4c3bc42f218f381c862e7905.js which has the icons, but failed because of the numbers. Anything else would work, such as http://192.168.0.22:8080/svg-sprite/-/svg-3-c1066beb12cc75cc4c3bc42f218f381c862e7905.js (you can put anything where the - is so I’m not quite sure why it exists in the first place but thats not up for me to decide). I’m trying to get it to load the correct host, so I made a little script to do it, but thanks to webpack I’m not able to access the loader through imports: [image] Because of this limitation, I need to get into discourse’s webpack which is nowhere to be found. How can I add a script to the folder? /var/discourse$ ls shared

We don’t use the browser’s native module resolution system, so 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. [תמונה] Pyx : you can put anything where the - is so I’m not quite sure why it exists in the first place but thats not up for me to decide It’s for hosting environments where the same CDN domain is used by multiple Discourse forums. [תמונה] Pyx : I have a Discourse install running off an IP, which is “unsupported” Indeed… it is not supported. You are very likely to run into other issues.

[תמונה] 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

הוסף סקריפט ל-webpack של Discourse

מפתח

david (David Taylor) 1 ביולי,‏ 2024,‏ 6:45pm 5

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

נושא		תגובות	צפיות
Discourse-webpack: A boilerplate for developing JS-heavy Discourse components Development	1	2071	3 ביוני,‏ 2019
How to install npm packages in custom themes/plugins Development	6	2493	11 בנובמבר,‏ 2023
Some users get javascript errors when trying to load our Discourse Product Support	1	3421	16 בינואר,‏ 2023
Issues on loading a js asset from a Theme Component Development	18	1236	28 בספטמבר,‏ 2023
SetupWizard, blank screen, JS Error "`virtual-dom" Product Support	3	1551	27 ביולי,‏ 2017

הוסף סקריפט ל-webpack של Discourse

נושאים קשורים