使用ngrok工作的侧载应用程序

Question

Repro步骤......

1. 我通过teams yeoman generator创建了一个Teams选项卡应用程序（通过npm安装）。
2. 我遵循使用ngrok的locally hosted选项。
3. 我使用./ngrok http 3007 --host-header=localhost:3007启动了ngrok（仍在运行）并将生成的网址复制/粘贴到我的manifest.json
4. 我开始了另一个终端会话并运行gulp serve
5. 我通过gulp manifest
创建了我的软件包
6. 我尝试侧载生成的zip并收到错误消息：Error while reading manifest.json: Failed to find icon "https://xxxxxxxx.ngrok.io/assets/tab-44.png" file in the package Failed to find icon "https://xxxxxxxx.ngrok.io/assets/tab-88.png" file in the package （子域名已编辑）

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

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

有什么想法吗？谢谢！

Answer 1

大纲和颜色是PNG图标的相对文件路径。请将两个图标（tab-44.png＆amp; tab-88.png）与 manifest.json 文件一起作为包的一部分。