当我在nuxtjs中使用@microsoft/teams-js时，"库尚未初始化"

Question

当我试图在nuxtjs中使用@microsoft/teams-js进行单点登录(SSO)时发生了这种情况。

<template>
<Tutorial />
</template>
<script>
export default {
name: 'IndexPage',
async mounted () {
const microsoftTeams = await import('@microsoft/teams-js')
// console.log('client => ', microsoftTeams)
microsoftTeams.authentication.getAuthToken({
successCallback: (token) => {
console.log('token', token)
microsoftTeams.appInitialization.notifySuccess()
},
failureCallback: (message) => {
// console.log('error', message)
microsoftTeams.appInitialization.notifyFailure({
reason: microsoftTeams.appInitialization.FailedReason.AuthFailed,
message
})
},
resources: ['']
})
}
}
</script>

输入图片描述

Answer 1

在调用其他方法之前初始化库，按照文档:

microsoftTeams.initialize()

这当然只在Teams应用(tab或personal)中运行时有效