White Screen when enabling Javascript

  • Resolved cerebro420

    (@cerebro420)


    7 years, 5 months ago

    Hello, so far the CSS and HTML aspects of the plugin work, but when I enable Javascript I get a white screen on the front-end. I’ve added a bunch of JS scripts to the exception, but am unable to fix the white screen. Here is the error’s in the console that I get:

    JQMIGRATE: Migrate is installed, version 1.4.1
footer-a9b26370-1497065499.min.js:106 Uncaught ReferenceError: Modernizr is not defined
    at footer-a9b26370-1497065499.min.js:106
    at footer-a9b26370-1497065499.min.js:110
footer-bebcddf5-1497065499.min.js:86 Uncaught SyntaxError: Delete of an unqualified identifier in strict mode.
(index):16 Uncaught ReferenceError: frslib is not defined
    at HTMLDocument.<anonymous> ((index):16)
    at i (header-cb050ccd-1497065499.min.js:2)
    at Object.fireWith [as resolveWith] (header-cb050ccd-1497065499.min.js:2)
    at Function.ready (header-cb050ccd-1497065499.min.js:2)
    at HTMLDocument.K (header-cb050ccd-1497065499.min.js:2)

    I was hoping you could help me with this. Thank you.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Raul P.

    (@alignak)

    Hi,

    There are two types of white screens:

    One is when wordpress gets a PHP error and cannot load.
    When that happens, it returns a (fatal) error that results on a white page.
    That white page, usually is either completely empty or just loaded some partial html, such as the header.
    Can you see any html code when you click on “view source” on Google Chrome?

    The second way, is when your site uses ajax and heavy jquery code to load modules or large portions of the page (such as adding or removing a preload, remove invisibility, etc).

    Because what you posted above seems to be from the Google Chrome console log, I’m going to assume this is the one happening.

    Then, the first error says that “Modernizr is not defined”, therefore that Modernizr file needs to be ignored.

    Furthermore, the second error says “Uncaught ReferenceError: frslib is not defined”, where “frslib” can be from many places.

    A quick google finds a plugin called “fresh framework”, and some compatibility issues with jetpack and some YITH Premium plugins, that cause pages to be blank.
    https://support.freshface.net/forums/topic/home-page-wont-load-issue/

    Now, this might not be the issue, but let me just say that you cannot have multiple css and js optimization plugins, because they are all doing the same thing…
    If you have some other optimization plugins, such as those that move scripts to footer, or load async js and css, or any other plugin that promises better speed, you have to disable them.

    The best combination, would be our plugin and W3 Total Cache (with cache enabled, but minification disabled).

    Do you have any other plugin trying to optimize the site?

    Thread Starter cerebro420

    (@cerebro420)

    Hello, thanks for the reply. I disabled the pre-load and excluded some of the scripts. It now seems to be working correctly, but some of the custom CSS I had through the front-end editor are not showing up. Do you know how I can enable the custom CSS that I had? Thank you and I appreciate the help.

    Plugin Author Raul P.

    (@alignak)

    If you have a frontend editor, make sure you select the “Fix Page Editors” option, so you can edit your pages.

    Depending on your theme, “some” inline CSS that is a children of some other css file, can be merged together. Does it appear, inside the merged css file?

    Where was that extra css, on the header?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘White Screen when enabling Javascript’ is closed to new replies.