Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Debugging Outlook Add-in Desktop

I'm currently developing an Add-in using yeoman and generator-office for Outlook to save an email and its attachments to another service.

Outlook Version: MS Office Professional Plus 2016 v.16.0.48.49.1000

I am able to sideload the add-in by going to File->Manage Add-ins->(Outlook webapp extensions page opens)->Add from file->Select my manifest.xml.

Then I run npm run start and I get:

App type: desktop
Enabled debugging for add-in 17717569-bd61-4c6a-b99d-ca55924a2916. Debug method: 0
Starting the dev server... (webpack-dev-server --mode development)
The dev server is running on port 3000. Process id: 9660
Sideloading the Office Add-in...
Error: Unable to start debugging.
Error: Unable to sideload the Office Add-in.
Error: Sideload is not supported.

The add-in is sideloaded and I'm able to use it, but without being able to attach a debugger I'm blocked.

Any known solutions for this?

Edit: I followed the guide from https://docs.microsoft.com/en-us/outlook/add-ins/quick-start.

@MS Team If it is not possible to add a debugger using Yeoman, is it possible using the Visual Studio approach ?

like image 655
Lumpenstein Avatar asked Oct 22 '19 09:10

Lumpenstein


People also ask

How do I debug Outlook Add-Ins?

Start the Outlook add-in project. Start the project by choosing Debug > Start Debugging from the menu bar or press the F5 button. Visual Studio will automatically build the solution and launch the Outlook page of your Microsoft 365 tenancy.

Where is get Add-Ins in Outlook desktop?

In Outlook, click Home > Get Add-ins on the ribbon. On the Add-Ins for Outlook page, browse for the add-in you want by selecting All and scrolling through the list, or search for an add-in by using the Search box.

How do I debug Microsoft Office?

Choose View > Run or enter Ctrl+Shift+D to switch to debug view. From the RUN AND DEBUG options, choose the Edge Legacy option for your host application, such as Outlook Desktop (Edge Legacy). Select F5 or choose Run > Start Debugging from the menu to begin debugging.

How do I disable Outlook desktop Add-Ins?

If you don't want to use an add-in in Outlook 2013 or Outlook 2016 for Windows, you can disable it so it won't show up in your messages. In Outlook, click File > Manage Add-ins. Tip: This opens Outlook on the web. Under Manage add-ins, in the Turned on column, uncheck the box for the add-in you want to turn off.


Video Answer


1 Answers

You can run the dev server (npm run dev-server) rather than use npm start because Outlook does not support sideloading. Once the dev server is running, you can load the add-in using the steps you mentioned. Once the add-in is running in Outlook, you can use the browser dev tools to debug it.

If you are on Windows 10 Version 1903 or later, it should be using the Edge WebView, and you can use the Edge DevTools Preview from the Windows 10 Store to debug it. For previous version of Windows, where the Internet Explorer WebView is being used, the F12 dev tools are used to debug.

like image 186
adamk Avatar answered Jan 02 '23 23:01

adamk