使用jwt-decode遇导出错误：未提供'default'导出项，页面无法加载

常见修复方案 #

• 调整导入语法：jwt-decode v3+版本采用ES模块规范，默认导入存在兼容问题，改用命名导入，且方法名是驼峰式：

  import { jwtDecode } from 'jwt-decode';
  

  调用时使用jwtDecode(token)替代原有的jwt_decode(token)。

• 更新jwt-decode版本：旧版本可能与Vite的ES模块处理逻辑冲突，执行以下命令重装最新稳定版：

  npm uninstall jwt-decode
  npm install jwt-decode
  

• 配置Vite依赖优化：在vite.config.js中添加优化规则，强制Vite正确解析jwt-decode：

  export default defineConfig({
    optimizeDeps: {
      include: ['jwt-decode']
    }
  })
  

• 彻底清理缓存：除了删除node_modules/.vite，还需执行以下操作：

  • 删除项目根目录的dist文件夹（若存在）
  • 运行npm cache clean --force
  • 完全重启Vite开发服务

内容的提问来源于stack exchange，提问作者Bryan Reamillo