Office Outlook Web Addin does not work on Office C

Question

I have developed an addin using Angular 5 version, I have built it and deployed on a Apache server with sercure http, I have tested this addin on Office Web App by logging in with Different users and I see that it works as I expected,

But the problem Now is I opened the Outlook Client with specific user configured with it, Addin Icon on the ribbon appears but when I click on it just shows the Empty section in Addin window at the right side.

The Icon and name of Add-In appears on the Ribbon, Even after I click the Add-In Button the Name of the Add-In appears as a header in Add-in window but rest is blank with no error message.

Note: The Outlook Client is on another machine mut on the same domain. On this machine I tried the Add-In from browser it works fine.

Office Outlook Client Version is "Microsoft Outlook 2016 MSO (16.0.4639.1000) 32bit

Exchange server Version is "Version 15.1(Build 1466.3)"

In Outlook Client I also want to know that how can I debug the Addin.

Where I can see the error logs if button dont appears in the Outlook Clients its all stucked in between.

Answer 1

I got the solution in this case, The actual problem is Document mode of Internet Explorer.

As we know that Web Add-in uses Internet Explore Frame to load. After when I debug it Using F12 Debugger. I came to know in the Emulation section the document mode was default selected to 7. And the Document Mode 7 doesnt have latest supported JavaScript suport(My Addin is built on Angular 5 version using Routes).

So in index.html of my Add-in Project I missed to mention the document mode in Header with meta tag, that which emulation version I want to run the script with.

I have added to head of index.html in my add-in

<meta http-equiv="X-UA-Compatible" content="IE=10" />

Now it works on my client and uses emulation Document Mode 10

Answer 2

You can debug your add-in in Outlook Desktop by attaching a debugger. You may not see the affordance like in Excel, but right clicking on the taskpane will show the same control to attach the debugger in the context menu.