Promise in LWC – SFDC Elements

Promise in LWC

September 20, 2023

for multiple loading of files use Promise.all

create static resource for css file name style.css inside the zip

import { api, LightningElement } from 'lwc';
import { loadStyle } from 'lightning/platformResourceLoader';
import styles from '@salesforce/resourceUrl/style';

export default class PromiseLWCExample extends LightningElement {
    renderedCallback() {
        Promise.all([
            loadStyle(this, styles + '/style.css') //specified filename
        ]).then(() => {
            window.console.log('Files loaded.');
        }).catch(error => {
            window.console.log("Error " + error.body.message);
        });
    }
}

for a single file

import {api,LightningElement} from 'lwc';
import {loadStyle} from 'lightning/platformResourceLoader';
import styles from '@salesforce/resourceUrl/style';
export default class PromiseLWCExample extends LightningElement {
    renderedCallback() {
        
        loadStyle(this, styles + '/styles.css').then(() => {
            console.log('Files loaded.');
        });
    }
}