我如何调试为什么对话框会在 web outlook 中打开，但不会在 2016 年打开？

Question

我的对话框将在 office 网络应用程序中正确打开，但在 office 2016 中它只显示加载指示器并显示 working on your request。我已经尝试添加一个有效的任务窗格，我首先使用它来确保我接受 https 证书覆盖但仍然没有运气。没有对话框尝试出现，我只看到一个内联指示器。

似乎没有任何我可以打开的 Office 开发人员控制台来帮助调试正在发生的事情。

我的函数 html 文件如下所示

function showSmsModal() {
  Office.context.ui
    .displayDialogAsync("https://localhost:3000/send-sms", { height: 30, width: 20 });
}

(() => {
  // The initialize function must be run each time a new page is loaded
  Office.initialize = () => {
    console.log("inited");
  };

  // Add any ui-less function here
})();

而对话框 html 是带有反应根的平面 html 的索引文件和 js 文件看起来像这样。

import * as React from 'react'
import * as ReactDOM from 'react-dom'


if (!!Office) {
  Office.initialize = async () => {
    ReactDOM.render(<div>test</div>, document.getElementById('root'))
  }
}

最后是相关清单xml

<Control xsi:type="Button" id="msgReadOpenPaneButton">
    <Label resid="paneReadButtonLabel" />
    <Supertip>
        <Title resid="paneReadSuperTipTitle" />
        <Description resid="paneReadSuperTipDescription" />
    </Supertip>
    <Icon>
        <bt:Image size="16" resid="icon16" />
        <bt:Image size="32" resid="icon32" />
        <bt:Image size="80" resid="icon80" />
    </Icon>
    <!-- <Action xsi:type="ShowTaskpane">
            <SourceLocation resid="messageReadTaskPaneUrl" />
         </Action> -->
    <Action xsi:type="ExecuteFunction">
        <FunctionName>showSmsModal</FunctionName>
    </Action>
</Control>

Answer 1

您可以将 "F12 Developer Tools" 作为单独的实例启动，以在 Office 2016 中为 Windows 调试加载项。该过程概述如下：Debug add-ins using F12 developer tools on Windows 10.

重要提示：引用的文档有错误。可执行文件是 IEChooser.exe 而不是 F12Chooser.exe。否则，文档是准确的。

我如何调试为什么对话框会在 web outlook 中打开，但不会在 2016 年打开？

How can i debug why a dialog will open in web outlook but not in 2016?

typescript

office-js

outlook-web-addins