React 项目中引入msal验证以及部分报错处理

功能实现

如何在React 项目中引入msal身份验证,

微软在官网有提供文档支持,文档包含示例和具体使用的教程,地址如下:

https://learn.microsoft.com/zh-cn/azure/active-directory/develop/tutorial-v2-nodejs-webapp-msal

照着文档操作,记录报错

问题记录

问题1描述:

TS2322: Type 'Msal2Provider' is not assignable to type 'IProvider'...

问题1原因:

mgt-element 未显示引用失效,但实际未引用到,不确定是不是Visual Studio Code IDE的原因,package.json引用没版本为"*"的时候,常常会报这个错误,如果有懂的大神,请多多指教。

问题1解决办法:

运行安装指令:

npm install @microsoft/mgt-element @microsoft/mgt-msal2-provider @microsoft/mgt-react

安装成功后,效果如下:

相关推荐
777VG11 小时前
PostgreSQL +martin将多张表输出成一个 MVT
前端·数据库·postgresql
mayaairi11 小时前
JS循环语句深度解析:嵌套for、while与do...while
开发语言·前端·javascript
To_OC11 小时前
啃完流式输出:从一个卡顿的 LLM 接口开始,我搞懂了数据流到底怎么 “流”
前端·javascript·llm
阳光是sunny12 小时前
LangGraph实战教程:defer延迟节点——让收尾工作自动排到最后
前端·人工智能·后端
kyriewen12 小时前
我用了三周Claude Code Skills——总结出5条铁律,第3条最反直觉
前端·ai编程·claude
阳光是sunny12 小时前
LangGraph实战教程:控制流详解
前端·人工智能·后端
格尔曼Noah13 小时前
Safari浏览器中如何只允许指定网站下载
前端·safari
用户0595401744613 小时前
用了3年Redis,才发现我一直没搞懂缓存一致性测试
前端·css
swipe14 小时前
07|(前端转后全栈)为什么后端也要缓存?从前端缓存思维理解 Redis
前端·后端·全栈
IT小盘14 小时前
05-企业项目统一接入多个大模型-适配器模式实战
前端·人工智能·适配器模式