Module not found: Error: Can‘t resolve ‘/path/to/jwt-decode.js‘ in

本文讲述了在Vue项目中,由于jwt-decode库版本变化导致的导入问题,以及如何处理Base64编码(如使用atob()和btoa()函数)及其特点,如不可逆性、字符集和文本化。同时提到了jwt-decode的GitHub源码链接。
摘要由CSDN通过智能技术生成

Vue项目中这个错误来源于版本问题,之前jwt-decode导出的是jwt_decode,而最新版本导出改成了jwtDecode

只需要导入jwtDecode即可

import { jwtDecode } from "jwt-decode";

除此之外要使用base-64编码/解码功能,您可以使用JavaScript中的内置atob()btoa()函数。这两个函数分别用于将字符串转换为Base64编码和将Base64编码转换为字符串

Base64编码的特点包括:

  1. 不可逆性:Base64编码是一种单向转换,即编码后的信息无法完全还原为原始数据。虽然可以将Base64编码的字符串解码回原始数据,但这仅限于将数据重构为与原始输入类似的形式,而非真正还原。

  2. 字符集:Base64编码使用64个字符(A-Z, a-z, 0-9, +, /)来表示所有可能的二进制组合,这样可以在各种系统中安全地传输数据,因为这些字符通常是可打印的ASCII字符。

  3. 文本化:Base64编码将二进制数据转换为纯文本形式,使其适合于在文本环境中传输,例如在URL参数、JSON数据或HTML中嵌入二进制数据。

 jwt-decode依赖的源码:https://github.com/auth0/jwt-decode#readme

Module not found: Error: Can't resolve './demo' in ... 这个错误通常是由于无法找到指定的模块导致的。根据引用,在解决这个问题之前,我们需要检查项目文件中是否存在名为'./demo'的模块。如果这个模块确实存在,那么我们需要确保路径是正确的,并且该模块已经正确地引入到项目中。如果这个模块不存在,那么我们需要检查代码中是否存在对该模块的引用,并相应地进行修改。此外,根据引用,还需要确保webpack的配置文件名字是正确的,应该为webpack.config.js。如果文件名不正确,需要将其修改为正确的文件名。总结起来,要解决这个问题,我们需要检查并确保以下几点:1. 检查项目文件中是否存在名为'./demo'的模块;2. 检查路径是否正确,并且该模块已经正确地引入到项目中;3. 检查webpack配置文件的文件名是否正确,应该为webpack.config.js。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [报错Module not found: Error: Can’t resolve ‘./src’ in XXX](https://blog.csdn.net/Dutuy/article/details/120873068)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值