Debugowanie w przeglądarce Safari w przeglądarce internetowej podczas korzystania z modułu ładującego, takiego jak SystemJS

Jestem tworzenia Ionicaplikacji z wykorzystaniem es6 modules, TypeScripta SystemJSjako ładowarka modułu. To jest moja konfiguracja:

tsconfig.json:

{
  "compilerOptions": {
    ...
    "target": "es5",
    "module": "system",
    ...
  }
}

index.html:

<script src="lib/system.js"></script>
<script src="systemjs.config.js"></script>
<script>System.import('js/app.js')</script>

przykładowy skrypt (TypeScript):

import {IConfig} from "./app-config";

export class ConfigLoader {
    ...
}

W Chrome wszystko działa świetnie. Jednak podczas debugowania za pomocą Safari Web Inspector nie mogę umieścić żadnych punktów przerwania w skryptach, ponieważ Web Inspector pokazuje tylko skrypty ładowane bezpośrednio z HTML (przez tagi skryptów), a nie skrypty ładowane przez XHR (w moim przypadku przez SystemJS) . Oznacza to, że nie mogę debugować własnych skryptów, co jest oczywiście niedopuszczalne.

Próbowałem to obejść, używając SystemJS, jak wcześniej, ale także umieszczając tagi skryptu w html, na przykład:

<script src="lib/system.js"></script>
<script src="systemjs.config.js"></script>
<script src="js/app-config.js"></script>
 ... other app scripts
<script>System.import('js/app.js')</script>

Jednak to nie działa, ponieważ SystemJS nie wydaje się być z tego zadowolony:

Nieprawidłowe wywołanie System.register. Anonimowe wywołania System.register mogą być wykonywane tylko przez moduły ładowane przez SystemJS.import, a nie przez znaczniki skryptu.

Jak korzystać z SystemJS i jednocześnie mieć możliwość debugowania w Safari? Szukam rozwiązania nieco bardziej wyrafinowanego niż `` umieść instrukcję debuggera w każdym skrypcie '' ...

javascript safari ecmascript-6 systemjs web-inspector fikkatra
źródło

Może się to wydawać dziwną radą, a ponieważ pytanie jest otwarte od 11 stycznia, ale radziłbym ci zagłębić się w pakiet internetowy. Czytałem o SystemJS, ale nie mam wrażenia, że zaspokoi Twoje potrzeby.

DevNebulae

Wygląda na to, że jeśli nie możesz załadować skryptu w formacie HTML, tak jak robiłeś, nie masz szczęścia. Wygląda na to, że Chrome jest jedyną przeglądarką, która to obsługuje, jak widzieliście.

The Muffin Man

Możliwy duplikat Jak debugować dynamicznie ładowany JavaScript (z jQuery) w samym debugerze przeglądarki?

Mikayla Maki

użyj debuggersłowa kluczowego JS

Kamil Kiełczewski

@ KamilKiełczewski Pytanie jednoznacznie brzmi: „Szukam rozwiązania trochę bardziej wyrafinowanego niż„ umieść instrukcję debuggera w każdym skrypcie ”...”

fikkatra

Debugowanie w przeglądarce Safari w przeglądarce internetowej podczas korzystania z modułu ładującego, takiego jak SystemJS

Odpowiedzi: