使用Angular-CLI和F12chooser進行Office-Js加載項調試：未顯示地圖文件

Question

上一次我開發Office加載項時，我在Webpack中使用了Angular。

現在，我想使用Angular-CLI進行嘗試。

除一件事外，所有工作均按預期進行：F12Chooser調試

它過去常常利用map文件，因此我可以使用F12Chooser調試加載項。 現在我看不到它們。 請查看以下屏幕截圖（Chrome調試控制台與F12Chooser相比）。

兩者都是同一個應用程序，並帶有HTTPS。

我是否需要對默認的Angular-CLI設置進行更改，但是再說一遍，同一應用在調試工具中看起來有何不同，這是我無法理解的。

我正在使用Angular-CLI v1.3.0-rc1 。

Answer 1

它本身不是答案/解決方案，而是實現調試的解決方法。

我最終在Office 365（Word聯機版）中添加了我的“加載項”清單文件並從那里進行調試。

請參見下面的屏幕截圖。

在這里添加一個localhost提供的應用程序清單是完全可以的，因為這僅用於調試，它可以工作。

打開Devtools后，嘗試在“源”部分中搜索名稱baseFrameName （在“ sdx_ow_iframe”下）。 您的Angular-Cli初始化Webpack會話位於此處，您將看到所有ts文件。

缺點

顯然，Office Online的API不支持桌面版本的所有功能。 例如，表格的設置值不適用於在線版本。