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

安装成功后,效果如下:

相关推荐
Justinc.25 分钟前
CSS基础
前端·css
全栈练习生1 小时前
pnpm在monorepo架构下不能引用其他模块的问题
前端
qq_427506081 小时前
前端项目npm install报错解决的解决办法
前端·npm·node.js
CiL#5 小时前
css动态边框
前端·css
风清云淡_A5 小时前
uniapp中检测应用更新的两种方式-升级中心之uni-upgrade-center-app
前端·uni-app
Citrus_735 小时前
css的选择器及优先级
前端·css
ZL_5675 小时前
uniapp中实现评分组件,多用于购买商品后,对商品进行评价等场景
前端·javascript·uni-app
剑亦未配妥6 小时前
前端vue相关常见面试题,包含MVVM、双向绑定原理、性能优化、vue2和vue3性能对比等
前端
想被带飞的鱼6 小时前
vue3中< keep-alive >页面实现缓存及遇到的问题
开发语言·前端·javascript·vue.js
小凡子空白在线学习7 小时前
8 非静态数据成员默认初始化
开发语言·前端·javascript