如何在React版Outlook加载项中正确添加并跳转新HTML页面

基础环境说明 #

• 项目来源：通过yeoman生成器的react-taskpane选项创建的全新Outlook加载项
• 核心需求：检测到无已登录用户时，弹出独立HTML页面展示提示内容
• 项目文件结构：
  

已完成配置 #

未修改项目manifest文件，仅在webpackconfig.js中添加了如下HtmlWebpackPlugin配置项：

new HtmlWebpackPlugin({
    filename: "Handler.html",
    template: "./src/AppCommon/Auth/Handler.html",
    chunks: ["Handler"],
}),

执行npm run build命令后，Handler.html文件可正常输出到dist目录。

现存问题 #

尝试通过以下代码实现页面跳转：

window.location.href = app.hostUrl + "/src/AppCommon/Auth/Handler.html";

运行后触发报错：

Cannot GET /src/AppCommon/Auth/Handler.html

需要明确两部分实现方案：

• 如何正确配置该自定义页面的访问路径
• 如何在独立窗口中弹出该页面（用户登录状态判断逻辑无需提供）

内容的提问来源于stack exchange，提问作者Intern