javascript - 使用 ngrok 的侧载应用程序无法正常工作

Question

重现步骤...

1. 我通过 teams yeoman generator 创建了 Teams 选项卡应用程序(通过 npm 安装)。
2. 我关注了 locally hosted使用 ngrok 的选项。
3. 我使用 ./ngrok http 3007 --host-header=localhost:3007 启动了 ngrok(仍在运行)并将生成的 url 复制/粘贴到我的 manifest.json
4. 我启动了另一个终端 session 并运行了 gulp serve
5. 我通过 gulp manifest 创建了我的包
6. 我尝试旁加载生成的 zip 并收到错误消息:读取 manifest.json 时出错:无法找到图标“https://xxxxxxxx.ngrok.io/assets/tab-44.png”文件在包中无法在包中找到图标“https://xxxxxxxx.ngrok.io/assets/tab-88.png”文件
(已编辑子域)

这是我已经确认/调试过的...

1. 前往 https://xxxxxxxx.ngrok.io/assets/tab-44.png 和 https://xxxxxxxx.ngrok.io/assets/tab-88.png 在浏览器中运行良好。我看到了默认的笑脸图标，并在 ngrok 终端和 Web 界面中看到了请求。
2. 我没有看到来自 Teams 的任何请求试图获取 ngrok 界面中的图标。
3. 我还测试过我可以通过手机访问图标。
4. 我解压了生成的包，它只包含带有正确 ngrok url 的 manifest.json。
5. 我的租户启用了应用程序的旁加载。
6. 我是团队的负责人，我正在尝试将此应用加载到其中。

有什么想法吗？谢谢!

Answer 1

轮廓 和颜色 是PNG 图标的相对文件路径。请将这两个图标(tab-44.png 和 tab-88.png)作为包的一部分与 manifest.json 文件一起放置。