当前位置: 首页 > news >正文

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

安装成功后,效果如下:
在这里插入图片描述

http://www.lryc.cn/news/145920.html

相关文章:

  • Unity3D 2021 使用 SharpZipLib 遇到的安卓打包 I18N 相关问题
  • 软件工程(十五) 行为型设计模式(一)
  • 【校招VIP】前端算法考点之快慢指针题型
  • Docker基础入门:容器数据卷与Dockerfile构建镜像(发布)
  • 部署问题集合(二十一)从零开始搭建一台NAS服务器(Linux虚拟机)
  • Git小白入门——了解分布式版本管理和安装
  • 芯科科技宣布推出下一代暨第三代无线开发平台,打造更智能、更高效的物联网
  • 无涯教程-Android - Intents/Filters
  • NFTScan 正式上线 Base NFTScan 浏览器和 NFT API 数据服务
  • 【Git】测试持续集成——Git+Gitee+PyCharm
  • 《HelloGitHub》第 89 期
  • 多维时序 | Matlab实现LSTM-Adaboost和LSTM多变量时间序列预测对比
  • c语言每日一练(12)
  • 用AI + Milvus Cloud搭建着装搭配推荐系统
  • 41、springboot 整合 FreeMarker 模版技术
  • 每天 26,315 美元罚款?交通安全局要求特斯拉提供 Autopilot数据
  • 3d激光slam建图与定位(2)_aloam代码阅读
  • Java 8 新特性——Lambda 表达式(2)
  • MES管理系统中常用的数据模型有哪些
  • ARM DIY(三)板载串口和 LCD 调试
  • 计算机网络-笔记-第一章-计算机网络概述
  • Oracle-day4:分组查询(带条件)、DDL建表、约束、主从表
  • (详解)数据结构-----------栈与队列 c语言实现
  • 前端文件、图片直传OOS、分片上传、el-upload上传(vue+elementUI)
  • java自动登录 selenium 自动登录并获取cookie
  • vue中 computed()方法详解
  • 在服务器上搭建Jenkins
  • 全面解析MES系统中的报工操作
  • Harbor 私有仓库迁移
  • 制造业物联网革命:智慧工厂数据采集与远程监控管理