调试 Outlook 加载项桌面答案

【问题标题】：Debugging Outlook Add-in Desktop调试 Outlook 加载项桌面
【发布时间】：2020-02-18 10:26:03
【问题描述】：

我目前正在使用 yeoman 和 generator-office 为 Outlook 开发一个插件，以将电子邮件及其附件保存到另一个服务。

Outlook 版本：MS Office Professional Plus 2016 v.16.0.48.49.1000

我可以通过转到文件->管理加载项->（Outlook webapp 扩展页面打开）->从文件添加->选择我的 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://docs.microsoft.com/en-us/outlook/add-ins/quick-start 的指南进行操作。

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

【问题讨论】：

标签： outlook-addin office-js outlook-web-addins

【解决方案1】：

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

如果您使用的是 Windows 10 版本 1903 或更高版本，则它应该使用 Edge WebView，并且您可以使用 Windows 10 应用商店中的 Edge DevTools Preview 对其进行调试。对于使用 Internet Explorer WebView 的旧版 Windows，使用 F12 开发工具进行调试。

【讨论】：

我使用的是 1703 版。我终于弄明白了，非常感谢。我主要感到困惑，因为当文档谈到“F12 开发工具”时，我认为它是指 Edge/IE 中的开发工具，我不知道在 windows/system32 中隐藏了一个独立版本。谢谢！
你知道调试函数文件的方法吗？使用 devTools 我只能调试对话框:)
如何在F12 中重新加载插件？当我在 MSWord 中重新加载时，我错过了启动控制台日志。
@adamk，我尝试过这种方式，并且 npm 服务器正在运行。但是安装的插件只是被禁用了。如何启用它们？我向 DoNotDisableAddinList 添加了一个密钥，但效果不佳。

【解决方案2】：

对于 Visual Studio Code 和 Windows 10 版本 1903 或更高版本，可以选择使用 Microsoft Office Add-in Debugger Extension 进行调试。

要安装它：

在 VSC -> Extensions -> 搜索 Microsoft Office Add-in Debugger Extension 并安装它
在.vscode/launch.json 中将以下代码添加到配置部分：

{
  "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
}

在您刚刚复制的 JSON 部分中，找到“url”部分。在此 URL 中，您需要将大写的 HOST 文本替换为托管您的 Office 加载项的应用程序。例如，如果您的 Office 加载项适用于 Excel，则您的 URL 值为“https://localhost:3000/taskpane.html?_host_Info=Excel$Win32$16.01$en-US$$$$0”。

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

【讨论】：

在 Stack Overflow 上不鼓励仅链接的答案，因为如果链接停止工作或内容发生重大变化，它们将变得无用。您应该 edit 您的答案在答案本身中包含与问题相关的最重要信息。只不过是指向外部网站的链接的答案最终可能是deleted
已编辑帖子以提供安装 Ms Office Add-in Debugger Extension 所需的最少步骤。