Ladenie vizuálov služby Power BI

Tento článok popisuje niektoré základné postupy ladenia, ktoré môžete použiť pri vývoji vizuálu. Po prečítaní tohto článku by ste mali mať možnosť používať na ladenie vizuálu nasledujúce metódy:

Používanie bodov prerušenia

Celý JavaScript vizuálu sa znova načíta vždy, keď sa aktualizuje vizuál, takže všetky body zlomov, ktoré pridáte, sa po obnovení vizuálu ladenia stratia. Alternatívnym riešením je v kóde použiť príkazy debugger. Odporúča sa, aby ste počas používania debugger vo svojom kóde vypli automatické opätovné načítanie. Tu je príklad toho, ako použiť príkaz debugger v metóde update.

public update(options: VisualUpdateOptions) {
    console.log('Visual update', options);
    debugger;
    this.target.innerHTML = `<p>Update count: <em>${(this.updateCount</em></p>`;
}

Výnimky chytať

Keď pracujete na svojom vizuále, všimnete si, že všetky chyby „spotrebuje“ služba Power BI. Je to zámerná funkcia služby Power BI. To zabráni nesprávnemu správaniu vizuálov v tom, že celá aplikácia bude nestabilná.

Ako alternatívne riešenie pridajte kód na zachytenie a zaznamenanie svojich výnimiek, alebo nastavte svoj ladiaci nástroj, aby sa prerušil na zachytených výnimkách.

Výnimky denníka s dekoraátorom

Ak chcete do vizuálu služby Power BI prihlásiť výnimky, musíte definovať dekoraátor s výnimkou zapisovania do denníka. Ak to chcete urobiť, do vizuálu pridajte nasledujúci kód:

export function logExceptions(): MethodDecorator {
    return function (target: Object, propertyKey: string, descriptor: TypedPropertyDescriptor<any>): TypedPropertyDescriptor<any> {
        return {
            value: function () {
                try {
                    return descriptor.value.apply(this, arguments);
                } catch (e) {
                    console.error(e);
                    throw e;
                }
            }
        }
    }
}

Tento dekoraátor môžete použiť na ľubovoľnú funkciu, aby ste videli zapisovanie chýb do denníka nasledovne.

@logExceptions()
public update(options: VisualUpdateOptions) {

Zastavenie na výnimke

Môžete tiež nastaviť prehliadač, aby zastavil pri zachytení výnimky. Týmto sa zastaví spustenie kódu všade, kde sa vyskytne chyba, a umožňuje vám odtiaľ ladiť.

  1. Otvorte vývojárske nástroje (F12).

  2. Prejdite na kartu Zdroje.

  3. Kliknite na ikonu Pozastaviť na výnimkách (stop s symbolom pozastavenia).

  4. Vyberte možnosť Pozastaviť na uchytených výnimkach.

    Snímka obrazovky ukazuje kartu Ladiaci nástroj s vybranou položkou Zastaviť na všetkých výnimkách.

Ďalšie kroky