Office-Js Add-in Debugging with Angular-CLI and F12chooser: No map files shown -


last time developing office add-ins using angular webpack.

now want try angular-cli.

all works expected, except 1 thing: f12chooser debugging

it used take advantage of map files, therefore debug add-ins f12chooser. don't see them. please see screenshots below (chrome debug cosole compared f12chooser).

both same app, served https.

do need make changes in default angular-cli settings ask, again, how come same app looks different in debugging tools, can't make sense of.

i'm using angular-cli v1.3.0-rc1 way.

f12chooser debugger

chrome debug tools

it not answer/solution per se, workaround achieve debugging.

i've ended adding "add-in" manifest file in office 365 (word online) , debug there.

see screenshots below.

how add manifest file

adding localhost served app-manifest fine here, since debugging, works.

chrome debug tools

once open devtools, try search name baseframename (under 'sdx_ow_iframe') in sources section. angular-cli initialized webpack session resides there , you'll see ts files.

downside

apparently api office online not support functionality desktop version does. example set values table did not work on online version.


Comments

Popular posts from this blog

node.js - Node js - Trying to send POST request, but it is not loading javascript content -

javascript - Replicate keyboard event with html button -

javascript - Web audio api 5.1 surround example not working in firefox -