Q: Sideload is not supported - localhost:3000 working, but inside Outlook it is not

Hi there

I created a new basic scaffold project with yo office as normal Add-In in Javascript and just ran npm start in an Administrator PowerShell, but no matter what it always shows:

Starting the dev server... (webpack-dev-server --mode development)
The dev server is running on port 3000. Process id: 23596
Sideloading the Office Add-in...
Error: Unable to start debugging.
Error: Unable to sideload the Office Add-in.
Error: Sideload is not supported.

The node window opens and the server is running. If I navigate to localhost:3000 I can see the files.

But if I sideload the manifest.xml in Outlook Desktop it tries to load the task pane and just crashes/fails after some time.

I haven’t changed anything, just used the scaffold created and ran start but it is not working.

I also tried the Angular scaffold, but the same behaviour.

What am I missing here? Any hint in the right direction is highly appreciated.

Thanks a lot in advance

PS: Path has no spaces, only dashes.

[charmstead]

I have been stuck all day trying to setup a basic Get started project. This is by far the worst development experience i have had. So barely little resource to work with.

[TCourtneyOwen]

@Lumpenstein I think your best bet for debugging the Outlook addin is to use Edge Devtools (https://docs.microsoft.com/en-us/microsoft-edge/devtools-guide). Open your Outlook add-in taskpane, then open Edge Devtools and attach the dev-server process - it should show up as something like https://localhost:3000/index.html?_host_Info=Outlook$Win32$16.01$en-US$$$$0. Once you have attached do Ctrl+P to open the relevant source files in Edge Devtools (e.g. taskpane.ts). I hope this helps.

-Courtney