Office 加载项对话框无法获取 /popup.html答案

【问题标题】：Office Add-in Dialog box Cannot GET /popup.htmlOffice 加载项对话框无法获取 /popup.html
【发布时间】：2020-05-27 07:35:31
【问题描述】：

我正在尝试使用 Dialog API 在 Office 加载项中添加一个对话框。我正在为这个插件使用 React。我可以打开对话框，但是当对话框打开时出现错误Cannot GET /popup.html。

当我运行应用程序并转到我的浏览器时，我可以通过链接https://localhost:3000/taskpane.html 访问taskpane.html。但是当我尝试以同样的方式访问popup.html 时，我得到了错误Cannot GET /popup.html。

我的问题是我是否必须在 manifest.xml 或代码中的其他内容中添加一些内容才能让这个 popup.html 可以访问？我的popup.html 与taskpane.html 在同一目录中。

任何帮助都会很棒！

【问题讨论】：

由于问题发生在浏览器中，因此这不是 office.js 或 office-addins 的问题。清单中的任何内容都无法解决它。我认为您应该重新标记此问题以吸引一般网络应用程序开发人员的注意。
@RickKirkham 这个问题也发生在 Word 中，我只是使用浏览器作为测试问题的另一种方式。
是的。我理解，但它发生在浏览器中的事实意味着问题与 Web 应用程序是 Word 加载项这一事实无关。如果确实如此，那么问题将仅在 Word 中发生。 Web 应用程序作为 Web 应用程序而不是作为 Word 插件存在问题。
当然，我的想法是，因为这个错误对于那些设置对话框的人来说很常见，并且比帖子对反应社区的一般性更有洞察力。

【解决方案1】：

要访问我必须在 /src/taskpane/popup.html 中查看的 html 文件。

【讨论】：

【解决方案2】：

我也遇到过同样的问题（文件名和路径相同）。您需要做的是修改加载项文件夹根目录下的webpack.config.js 文件，并将其添加到module.exports > plugins 下：

new HtmlWebpackPlugin({
  filename: "popup.html",
  template: "./src/popup/popup.html",
  chunks: ["polyfill", "popup"]
})

【讨论】：