Next.js中jwt-decode导入失败及路由验证时token异常删除问题求助

各位好，我在Next.js里做了一个路由验证的功能，逻辑是这样的：

• 用户访问根路由/时，会检查本地存储里的token
• 如果token有效且未过期，就根据token里的role字段跳转到对应的专属路由
• 如果token无效或者过期，就把它从localStorage里删掉，让用户留在/页面

但现在遇到了两个头疼的问题，想请大家帮忙看看：

问题1：jwt-decode导入失败 #

启动项目后，VSCode终端和Brave浏览器控制台都抛出了同一个错误：

./src/app/page.js
Attempted import error: 'jwt-decode' does not contain a default export (imported as 'jwt_decode').

我是按照默认导入的方式用的，结果直接报错了，不知道哪里出问题。

问题2：token被异常删除 #

测试功能的时候，我先登录成功，跳转到了比如/home-sportista路由，之后手动切回/路由，发现localStorage里的token被莫名删掉了，同时浏览器控制台还输出了日志：

Stored token: eyJhbGciOiJ...

这个情况完全不符合我预期的逻辑，明明登录后的token应该是有效的，结果一回到根路由就被删了，实在搞不懂原因。

有没有朋友遇到过类似的问题，或者能帮我分析下可能的原因呀？

备注：内容来源于stack exchange，提问作者Bakir