在app_debug=false中未定义LARAVEL错误hljs

Question

当我禁用调试器(barryvdh/laravel- debugbar )，或者我将APP_DEBUG=false放在.env而不是APP_DEBUG=true中时，图像库(baguetteBox)的脚本出现了错误。

错误：

未定义的ReferenceError: hljs不是在window.onload中定义的

如果我没有禁用app_debug或调试器，我就不会出错，也没问题。如果我用这个错误点击我的网站的图片，它是错误的，打开页面上的图像(在url：http://127.0.0.1/website/images/image.png中)，但是如果启用app_debug或调试器，图像打开的模式是baguetteBox (正常)。

错误截图：未定义的ReferenceError: hljs不是在window.onload中定义的

Answer 1

打开DebugBar时，由DebugBar加载库，并定义hljs。当DebugBar关闭时，没有定义hljs，因此脚本在hljs.initHighlighting();之后中断。试试这个：

    if ( typeof oldIE === 'undefined' && Object.keys && typeof hljs !== 'undefined') {
        hljs.initHighlighting();
   }

Answer 2

你可以这样用。

const hljs = require('highlight.js');

document.addEventListener('DOMContentLoaded', (event) => {
    document.querySelectorAll('pre code').forEach((block) => {
      hljs.highlightBlock(block);
    });
});