Re-throw error when failing to load a chunk.

Closes #4287

Merge request studip/studip!3103

resources/assets/javascripts/chunk-loader.js

@@ -8,13 +8,19 @@ export const loadScript = function (script_name) {
     });
 };
 
-export const loadChunk = (function () {
-    var mathjax_promise = null;
+let mathjax_promise = null;
 
-    return function (chunk) {
-        var promise = null;
+/** This function dynamically loads JS features organized in chunks.
+ *
+ * @param {string} chunk  The name of the chunk to load.
+ * @param {{ silent: boolean }} options Options for loading the chunk.
+ *                                      Pass `{ silent: true }` to supress
+ *                                      error messages.
+ * @return {Promise}
+ */
+export const loadChunk = function (chunk, { silent = false } = {}) {
+    let promise = null;
     switch (chunk) {
-
         case 'code-highlight':
             promise = import(
                 /* webpackChunkName: "code-highlight" */
@@ -47,21 +53,18 @@ export const loadChunk = (function () {
 
         case 'mathjax':
             if (mathjax_promise === null) {
-                    mathjax_promise = STUDIP.loadScript(
-                        'javascripts/mathjax/MathJax.js?config=TeX-AMS_HTML,default'
-                    ).then(() => {
+                mathjax_promise = STUDIP.loadScript('javascripts/mathjax/MathJax.js?config=TeX-AMS_HTML,default')
+                    .then(() => {
                         (function (origPrint) {
                             window.print = function () {
-                                window.MathJax.Hub.Queue(
-                                    ['Delay', window.MathJax.Callback, 700],
-                                    origPrint
-                                );
+                                window.MathJax.Hub.Queue(['Delay', window.MathJax.Callback, 700], origPrint);
                             };
                         })(window.print);
 
                         return window.MathJax;
-                    }).catch(() => {
-                        console.log('Could not load mathjax')
+                    })
+                    .catch(() => {
+                        throw new Error('Could not load mathjax');
                     });
             }
             promise = mathjax_promise;
@@ -86,7 +89,9 @@ export const loadChunk = (function () {
     }
 
     return promise.catch((error) => {
+        if (!silent) {
             console.error(`Could not load chunk ${chunk}`, error);
+        }
+        throw error;
     });
 };
-}());