使用@msal-browser loginPopup()获取Teams令牌时遇client_secret缺失错误

问题根源 #

你用的msal.PublicClientApplication是给公共客户端应用（比如单页应用SPA、桌面端应用）用的SDK类，这类应用本身不需要client_secret。但报错说明你的Azure AD应用注册被配置成了机密客户端类型（比如Web应用/API），这类应用强制要求验证client_secret，两者不匹配才触发了错误。

修复步骤 #

1. 登录Azure门户，找到你的目标应用注册
2. 进入「管理」菜单下的「身份验证」页面
3. 检查「平台配置」区域：
   • 若开发单页应用：添加「单页应用」平台，设置正确的重定向URI（比如本地开发用http://localhost:5173）
   • 若开发桌面应用：添加「移动和桌面应用」平台，勾选对应的默认重定向URI（格式通常为msal{你的clientId}://auth）
4. 保存配置后，重新运行代码

代码确认 #

你的现有代码是公共客户端应用的正确写法，不需要添加client_secret参数，修正应用注册类型后即可正常执行：

const msalConfig = {
  auth: {
    clientId
  }
};
const scopes = {
  scopes: ['user.read', 'OnlineMeetings.ReadWrite']
};
const msalInstance = new msal.PublicClientApplication(msalConfig);
await msalInstance.initialize();
const loginResponse = await msalInstance.loginPopup(scopes);

内容的提问来源于stack exchange，提问作者UMK