LWC with loadscript and sporadic undefined error -Random-

Question

Time to time I am getting an undefined error when a few of JS scripts (static resources) are loaded. The error is faced only the first time the component is loaded. It means, after the error is faced if the component is closed and the page is refreshed then,the next time is working perfectly.

This is the piece of code:

    renderedCallback() {

    if (this.fullCalendarJsInitialised) {
        return;
    }
    this.fullCalendarJsInitialised = true;

    Promise.all([
        loadScript(this, FullCalendarJS + '/jquery.min.js'),
        loadScript(this, FullCalendarJS + '/moment.min.js'),
        loadScript(this, FullCalendarJS + '/theme.js'),
        loadScript(this, FullCalendarJS + '/fullcalendar.min.js'),
        loadStyle(this, FullCalendarJS + '/fullcalendar.min.css'),
    ])
        .then(() => {

        })
        .catch(error => {
            console.error({
                message: 'Error occured on FullCalendarJS',
                error
            });
        })

}

This is what the browser's console is shown when the error is faced, as we can see the console error message is printed, but at the same time, all the scripts appears with the status code 200...Does this make sense??

Any idea?

Note: Disabling the cache in the browser’s console** the error appears time to time** during the first time load, so it is not easy to replicate.

Answer 1

You are loading the scripts from the renderedCallback, since you haven't shared the whole component I can't be sure but I suspect you try to use something from those scripts before they are loaded.

You might want to set a second scriptsLoaded variable in your then handler and hold off on using those libraries until it is set.

Answer 2

My issue (not with ChartJS which was working fine, but with PptxGen JS) was resolved by enabling Lightning Web Security (LWS).

https://developer.salesforce.com/docs/component-library/documentation/en/lwc/lwc.security_lwsec_intro

Thank you Dmitry Bakovich 7!!

https://developer.salesforce.com/forums/?id=9062I000000XrWiQAK