2017-07-25 4 views
0

前回Officeアドインを開発していましたが、WebpackでAngularを使用していました。Angular-CLIとF12chooserを使用したOffice-Jsアドインデバッグ:マップファイルが表示されない

今すぐ試してみたいAngular-CLI予想通り

すべては一つのことを除いて、動作します:F12Chooserデバッグ

それ故、私は​​と私のアドインをデバッグすることができ、mapファイルを活用するために使用されます。今私はそれらを見ない。下記のスクリーンショット(F12Chooserと比較してChrome Debugのコソール)をご覧ください。

どちらも同じアプリで、HTTPSを使用しています。

デフォルトのAngular-CLI設定を変更する必要があるのですが、同じアプリケーションがデバッグツールでどのように異なって見えるのか、私は理解できません。

ところで、私はAngular-CLI v1.3.0-rc1を使用しています。

F12Chooser Debugger

Chrome Debug Tools

+0

私はInternet Explorerでアドレスを入力し、テストするためにF12Chooserを起動しました。 F12Chooserは、この状況でマップされたすべてのファイルを期待どおりに表示しますが、Officeアドインでは表示されません。 Angular wを使用していたのは数ヶ月前のことではありませんでした。 Webpackに直接アクセスするだけでなく、Officeパッケージを更新しました。ですから、問題はAngular-Cli自体ではなく更新されたOfficeによって引き起こされると私は考えています。 – Bogac

答えて

0

それは、それ自体が答え/ソリューションではありませんが、回避策はデバッグを達成するために。

Office 365(Word Online)で「アドイン」マニフェストファイルを追加してそこからデバッグしました。

以下のスクリーンショットを参照してください。

HOW TO ADD YOUR MANIFEST FILE

localhostを追加するアプリマニフェストは、ここに完全に罰金です、これはデバッグのためだけであるから、それが動作務めました。

CHROME DEBUG TOOLS

あなたはデベロッパーツールを開くと、ソースのセクションで( 'sdx_ow_iframe' の下で)名前baseFrameNameを検索してみてください。あなたのAngular-Cli初期化されたWebpackセッションがそこに常駐し、すべてのtsファイルが表示されます。

欠点

どうやらOffice OnlineのためのAPIはありませんすべての機能のデスクトップバージョンをサポートしていません。たとえば、テーブルの設定値はオンライン版では機能しませんでした。

関連する問題