重现步骤...
- 我通过 teams yeoman generator 创建了 Teams 选项卡应用程序(通过 npm 安装)。
- 我关注了 locally hosted使用 ngrok 的选项。
- 我使用
./ngrok http 3007 --host-header=localhost:3007
启动了 ngrok(仍在运行)并将生成的 url 复制/粘贴到我的manifest.json
- 我启动了另一个终端 session 并运行了
gulp serve
- 我通过
gulp manifest
创建了我的包 - 我尝试旁加载生成的 zip 并收到错误消息:
读取 manifest.json 时出错:无法找到图标“https://xxxxxxxx.ngrok.io/assets/tab-44.png”文件在包中无法在包中找到图标“https://xxxxxxxx.ngrok.io/assets/tab-88.png”文件
(已编辑子域)
这是我已经确认/调试过的...
- 前往
https://xxxxxxxx.ngrok.io/assets/tab-44.png
和https://xxxxxxxx.ngrok.io/assets/tab-88.png
在浏览器中运行良好。我看到了默认的笑脸图标,并在 ngrok 终端和 Web 界面中看到了请求。 - 我没有看到来自 Teams 的任何请求试图获取 ngrok 界面中的图标。
- 我还测试过我可以通过手机访问图标。
- 我解压了生成的包,它只包含带有正确 ngrok url 的
manifest.json
。 - 我的租户启用了应用程序的旁加载。
- 我是团队的负责人,我正在尝试将此应用加载到其中。
有什么想法吗?谢谢!
最佳答案
轮廓 和颜色 是PNG 图标的相对文件路径。请将这两个图标(tab-44.png 和 tab-88.png)作为包的一部分与 manifest.json 文件一起放置。
关于javascript - 使用 ngrok 的侧载应用程序无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47193669/