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

安装成功后,效果如下:

相关推荐
Cobyte18 小时前
17. Vue3 业务组件库按需加载的实现原理
前端·javascript·vue.js
粥里有勺糖19 小时前
视野修炼-技术周刊第127期 | Valdi
前端·javascript·github
前端世界19 小时前
从零搭建 ASP.NET 单文件 Web 项目:一个能真用的 BookShop 管理页实战
服务器·前端·asp.net
QuantumLeap丶19 小时前
《Flutter全栈开发实战指南:从零到高级》- 13 -状态管理GetX
android·flutter·ios·前端框架
码上成长19 小时前
Vue Router 3 升级 4:写法、坑点、兼容一次讲透
前端·javascript·vue.js
BBB努力学习程序设计19 小时前
响应式页面设计与实现:让网站适配所有设备的艺术
前端·html
IT从业者张某某20 小时前
less 工具 OpenHarmony PC适配实践
前端·microsoft·less
行走的陀螺仪20 小时前
vue3-封装权限按钮组件和自定义指令
前端·vue3·js·自定义指令·权限按钮
isyuah20 小时前
vite-plugin-openapi-ts CLI 使用指南
前端·vite
qq_3985865421 小时前
浏览器中内嵌一个浏览器
前端·javascript·css·css3