调试Outlook外接程序桌面

Question

我目前正在开发一个外接程序，使用yeoman和生成器-office为Outlook保存电子邮件及其附件到另一个服务。

展望版: MS Office Professional Plus 2016 v.16.0.48.49.1000

我可以通过进入文件->管理外接程序->(Outlook扩展页面打开)从文件->选择我的->Add->选择我的manifest.xml来副业。

然后我运行npm run start，得到：

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.

外接程序是旁置的，我可以使用它，但是不能够附加调试器，我就被阻塞了。

有什么解决办法吗？

编辑:我遵循了https://learn.microsoft.com/en-us/outlook/add-ins/quick-start的指南。

@MS Team如果无法使用Yeoman添加调试器，是否可以使用Visual方法？

Answer 1

您可以运行开发服务器(npm run dev-server)，而不是使用npm start，因为Outlook不支持副业。一旦dev服务器运行，您可以使用您提到的步骤加载外接程序。在Outlook中运行外接程序后，可以使用浏览器开发工具对其进行调试。

如果您在Windows10Version1903或更高版本上，则应该使用边缘WebView，并且可以使用Windows10Store中的边缘DevTools预览来调试它。对于使用Internet的以前版本的F12，使用F12开发工具进行调试。

Answer 2

对于Visual和Windows101903版本或更高版本，可以使用扩展进行调试。

要安装它：

1. In VSC ->搜索Microsoft外接程序扩展并在.vscode/launch.json中安装
2. 将以下代码添加到配置部分：

{
  "type": "office-addin",
  "request": "attach",
  "name": "Attach to Office Add-ins",
  "port": 9222,
  "trace": "verbose",
  "url": "https://localhost:3000/taskpane.html?_host_Info=HOST$Win32$16.01$en-US$$$$0",
  "webRoot": "${workspaceFolder}",
  "timeout": 45000
}

1. 在您刚刚复制的JSON部分中，找到"url“部分。在此URL中，需要将大写主机文本替换为承载Office外接程序的应用程序。例如，如果Office外接程序是用于Excel的，则您的URL值将是"https://localhost:3000/taskpane.html?_host_Info=Excel$Win32$16.01$en-US$$$$0".

来源：https://learn.microsoft.com/en-us/office/dev/add-ins/testing/debug-with-vs-extension