运行“npm start”时无法旁加载 Office 加载项答案

【问题标题】：Unable to sideload the Office Add-in when running 'npm start'运行“npm start”时无法旁加载 Office 加载项
【发布时间】：2020-01-04 17:01:23
【问题描述】：

我正在尝试使用 npm start 运行 Outlook 加载项。但这给了我一个错误 Sideloading the Office Add-in... Error: Unable to start debugging. Error: Unable to sideload the Office Add-in. Error: Sideload is not supported.

我正在运行 Microsoft 为 Outlook 插件提供的直接演示项目。在npm start 之前运行npm run dev-server，因为我在mac 中运行。 https://docs.microsoft.com/en-us/outlook/add-ins/quick-start?tabs=yeomangenerator

我已经进行了一些研究以找到问题，但无法提出任何问题。任何帮助将不胜感激。

【问题讨论】：

我面临同样的问题，但对于 windows。

标签： node.js outlook outlook-addin yeoman-generator

【解决方案1】：

对于 Mac 上的开发者，建议使用Node Version Manager 以正确的权限安装Node.js。

另外，您需要确保证书安装正确。

运行此命令：npx office-addin-dev-certs install。

如果证书已安装，您将看到一条消息：

You already have trusted access to https://localhost.

如果没有安装证书，它会显示一条消息：

The developer certificates have been generated in ...
Installing CA certificate "Developer CA for Microsoft Office Add-ins"...

然后您应该会看到要求安装证书的对话框。

在说是之后，它应该显示：

You now have trusted access to https://localhost.
Once the certificates are installed, you should be able to run the dev server without problems.

请参阅Unable to start the dev server 了解更多信息。

【讨论】：

嘿@Eugene Astafiev。我已经尝试过了，但我已经有证书了。而且，它仍然无法正常工作
嘿，在 Mac for Office 上遇到同样的问题，甚至先使用 npm run dev-server 启动服务器，

【解决方案2】：

我在更新 npm 包时遇到了同样的问题。我尝试了以下方法：

npm run dev-server

导致错误：

> office-addin-taskpane-js@0.0.1 dev-server [path to addin]
> webpack-dev-server --mode development

TypeError: CleanWebpackPlugin is not a constructor
    at module.exports ([path to addin]\webpack.config.js:58:4)
    at handleFunction ([path to addin]\node_modules\webpack-cli\bin\utils\prepareOptions.js:21:13)
    at prepareOptions ([path to addin]\node_modules\webpack-cli\bin\utils\prepareOptions.js:9:5)
    at requireConfig ([path to addin]\node_modules\webpack-cli\bin\utils\convert-argv.js:117:14)
    at [path to addin]\node_modules\webpack-cli\bin\utils\convert-argv.js:123:17
    at Array.forEach (<anonymous>)
    at module.exports ([path to addin]\node_modules\webpack-cli\bin\utils\convert-argv.js:121:15)
    at Object.<anonymous> ([path to addin]\node_modules\webpack-dev-server\bin\webpack-dev-server.js:84:40)
    at Module._compile (internal/modules/cjs/loader.js:702:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:713:10)
    at Module.load (internal/modules/cjs/loader.js:612:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:551:12)
    at Function.Module._load (internal/modules/cjs/loader.js:543:3)
    at Function.Module.runMain (internal/modules/cjs/loader.js:744:10)
    at startup (internal/bootstrap/node.js:238:19)
    at bootstrapNodeJSCore (internal/bootstrap/node.js:572:3)

所以我打开webpack.config.js 并将CleanWebpackPlugin 的require 更改为解构语法（我添加了大括号）：

const { CleanWebpackPlugin } = require("clean-webpack-plugin");

现在从npm start 开始后，我仍然看到sideload 错误，但插件又开始工作了。我不确定问题出在哪里，但也许这可能会引导您朝着正确的方向寻求解决方案。

【讨论】：

【解决方案3】：

我也遇到了同样的问题，经过研究发现不支持 Outlook，只能在桌面上调试 Excel、PowerPoint 和 Word。

【讨论】：

那我们应该如何调试我们的 Outlook 插件呢？
我仍在寻找解决方案，显然通过使用独立的边缘开发工具是可能的，尚未尝试。
我想通了 :) 见here。要查看您的 Windows 版本，请打开运行 (Windows+R) 并输入“winver”。

【解决方案4】：

我不确定这是否已经得到解答，但我遇到了同样的问题。我使用以下链接启用侧载： Sideload Outlook plugins for testing

启用后，您至少应该能够运行开发服务器并使用插件：

npm run dev-server

【讨论】：

【解决方案5】：

如果您想使用桌面版 Office 365 进行测试，您可以像使用 Web 一样安装它。如果它已安装在您的 Outlook 网络帐户中，那么当您登录时，它应该会显示在您的 Outlook 365 桌面应用程序中。

一些陷阱：

在 365 的功能区上没有“获取附加组件”或“存储”链接 - 您只需使用 https://outlook.office.com/ 安装附加组件（最容易按照文件→管理附加组件的链接打开您的浏览器）
从浏览器添加新加载项后，您可能需要重新启动 Outlook
确保您已激活“可选连接体验” - 如果未选中此项，按钮将根本不会显示在功能区中！
在网络上，没有功能区 - 您必须单击消息上的“...”才能在长菜单底部看到您的插件：-(

【讨论】：

【解决方案6】：

好吧，我从official documentation 开始，并按照微软网站上提到的一步一步进行 MS Word 插件开发，然后卡在了相同的npm start 步骤上，我总是遇到错误

无法从 localhost 运行此加载项

& 不知道为什么我们每个人都面临这个问题（他们也应该在官方网站上解决或更改它）但是这个命令：

npm run dev-server

在将npm start 搞砸了一周后，对我来说真的是一种魅力。

在 Visual Studio Code 或直接 Powershell 中打开两个窗口或 powershell 实例，并在第一个实例中运行 npm run dev-server，在第二个实例中运行 npm start。

（这个来自微软商店的调试工具“Microsoft Edge DevTools Preview”也让我的调试工作变得更轻松，如果你是一个普通的插件开发者必须使用）

【讨论】：

【解决方案7】：

请记住，您必须拥有 Business Office365 帐户才能在 Outlook 桌面应用程序中运行加载项。

它不适用于我的个人帐户，尽管我没有收到来自 Outlook 的任何错误或警告。他们的文档中也没有提到这一点。

使用企业帐户登录 Outlook 桌面并运行 npm start 后，我能够在功能区中看到使用 yo office-generator 创建的自定义加载项。

【讨论】：