在团队选项卡中显示 SPFX webpart 的问题

Posted

技术标签:

【中文标题】在团队选项卡中显示 SPFX webpart 的问题【英文标题】:Issues showing SPFX webpart in teams tab 【发布时间】:2020-01-12 06:48:55 【问题描述】:

我正在尝试使用 SPFx Web 部件构建一个 Teams 选项卡以进行演示。

在我的初始应用中,应用目录中的“同步到团队”按钮失败,并返回此控制台错误...

https://TENANT/sites/AppCatalog/_api/web/tenantappcatalog/SyncSolutionToTeams 400

遇到此问题后,我再次开始,这次逐步按照以下教程进行操作,但在我的租户上,同步到团队按钮被禁用(此步骤在使 Web 部件在 Microsoft Teams 中可用时接近尾声部分)

https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/using-web-part-as-ms-teams-tab

然后我尝试通过使用本教程手动创建清单来遵循侧加载应用程序的替代方法...

https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/guidance/creating-team-manifest-manually-for-webpart

这将导致安装成功,直到设置选项卡屏幕(这会在将选项卡添加到频道之前在模型弹出窗口中提供选项卡的预览)

结果是“抱歉,出了点问题”(这是将我的自定义 Web 部件和新的共享点生成的脚手架侧加载的最终结果。

真的坚持是否存在租户问题,或者可能是某些节点包或 SPFx 版本问题。

任何想法将不胜感激。

【问题讨论】:

能否分享您遇到的问题的屏幕截图? 嗨 Gousia,我可以确认我看到了与 Srinivas 在下面显示的相同的 400 错误。我为这个项目升级到了 sharepoint framework 1.9。谢谢 【参考方案1】:

我从控制台收到了同样的错误,导致我访问了这个article。

在这种情况下,该应用已同步到 Teams 商店。如果是这种情况,您应该通过打开团队 -> 应用程序 -> 为 [租户名称] 构建来找到并删除它。在此处将其删除后,我能够再次成功同步我的应用程序。

【讨论】:

在我的情况下,我无法选择所需的“让我的整个组织都可以使用它”。对于最终构建,我们已经转移到 yo team generator。谢谢!【参考方案2】:

我使用的是 SPFx 1.8.1 版本并在supportedHosts 清单文件中添加了TeamsTab。部署在租户应用目录中并尝试同步到团队。然后我遇到了同样的 SyncSolutionToTeams 问题,出现 400 错误。请从控制台窗口中找到随附的屏幕截图。

【讨论】:

【参考方案3】:

如果应用仍在 Teams 目录中,则会发生错误。它不会覆盖它,而是抛出错误。这是一个已知的错误,我们将寻求在未来修复它。现在,请尝试从 Teams(而不是从 SharePoint 应用目录)手动更新应用,或者删除 Teams 应用,然后从 SharePoint 重新同步。

【讨论】:

【参考方案4】:

在我的情况下,当我更改 webpart 清单文件 (webpart.manifest.json) 中的标题时会发生此错误。当我拒绝更改时,它起作用了。可能项目文件有一些不一致的地方。

【讨论】:

以上是关于在团队选项卡中显示 SPFX webpart 的问题的主要内容,如果未能解决你的问题,请参考以下文章

SPFX Webpart 属性窗格在 MS Teams 个人选项卡中不可见

SPFX-图表-webpart-react-pnpcontrol

SPFX webpart 在 IE 11 中不工作显示“反射未定义”

在 spfx webpart 中使用内联 css

如何在单个 spfx 解决方案中创建两个 webpart?

SharePoint Online:在现代页面的同一选项卡中打开链接的Webpart