typescript - Chrome får ikke sourcemaps i Angular CLI-prosjekt


Jeg prøver å feilsøke TypeScript fra Angular-prosjektet mitt (bygget med CLI) i Chrome utviklerverktøy.

  • Chrome er klar over at sourcemaps finnes for mine webpack-bunter fordi jeg får meldingen 'Source Map Detected'.
  • Det er ingen feil i nettverksfanen, noe som indikerer en mislykket forespørsel om kildekartene
  • «Aktiver Javascript-kart for kilder» er valgt i Chrome-verktøy
  • Innholdet i min wwwroot ser slik ut:

    • inline.bundle.js
    • inline.bundle.js.map
    • polyfills.bundle.js
    • polyfilss.bundle.js.map
    • osv.
  • inne i mine individuelle pakker, har jeg kildekartreferanser til bestemte filer (forhåndspakket) samt det endelige pakkete kildekartet (alltid den siste linjen i pakken). For eksempel:

    • sourceMappingURL=index.js.map
    • sourceMappingURL=shared.module.js.map
    • sourceMappingURL=main.bundle.js.map

Noen ideer?

Også, hvis det finnes en bedre feilsøkingsstrategi (f.eks. ved å bruke VSCode), gi meg beskjed. Basert på noen få søk, trodde jeg at feilsøking i Chrome dev-verktøyene ville være minst plagsom, men kanskje jeg tar feil.

Takk!!!!

Relaterte artikler