microsoft-graph-api - 'ImplicitMSALAuthenticationProvider' 不是从'@microsoft/microsoft-graph-client' 导出的

Question

我正在尝试将 Outlook API 与我的 React 应用程序集成。当我尝试使用 实现身份验证时microsoft-graph-client，我收到以下错误。

'ImplicitMSALAuthenticationProvider' 不是从'@microsoft/microsoft-graph-client' 导出的（导入为'MicrosoftGraph'）

我怎样才能使这个错误消失？

import * as Msal from "msal";
import * as MicrosoftGraph from "@microsoft/microsoft-graph-client";

export const Authenticate = () => {
    const msalConfig = {
        appId: 'ea54b9e3-a1ba-44a2-b6f3-5d766f8c32e3',
        scopes: [
          "user.read",
          "calendars.read"
        ]
      }
      const graphScopes = ["user.read", "mail.send"];
      const msalApplication = new Msal.UserAgentApplication(msalConfig);
const options = new MicrosoftGraph.MSALAuthenticationProviderOptions(graphScopes);
const authProvider = new MicrosoftGraph.ImplicitMSALAuthenticationProvider(msalApplication, options);
const AuthOptions = {
    authProvider, // An instance created from previous step
};
const Client = MicrosoftGraph.Client;
return Client.initWithMiddleware(AuthOptions);
}

标签： microsoft-graph-api

Answer 1

不幸的是，ImplicitMSALAuthenticationProvider 没有显式导出。要解决此问题，您需要显式导入该类：

import { ImplicitMSALAuthenticationProvider } from "@microsoft/microsoft-graph-client/lib/src/ImplicitMSALAuthenticationProvider";

然后，这允许您实例化提供程序，

const authProvider = new ImplicitMSALAuthenticationProvider(this.userAgentApplication, { scopes });