vue3 typescript报错Can‘t resolve ‘jsonwebtoken‘和import require导入报错

解释：

1. Can't resolve 'jsonwebtoken' 错误表明 Vue 3 项目在尝试使用 jsonwebtoken 这个 npm 包时未能找到它。这通常是因为该包没有正确安装或者项目的 node_modules 目录未包含此包。
2. 关于 import require 的错误，通常是因为 TypeScript 不能识别 CommonJS 的 require 语法，而 Vue 3 项目默认使用 ES6 模块系统。

解决方法：

1. 确保 jsonwebtoken 已经安装。可以通过运行以下命令来安装：

   
   
   
   npm install jsonwebtoken

   或者如果你使用 yarn：

   
   
   
   yarn add jsonwebtoken

2. 如果 jsonwebtoken 已经安装但问题依然存在，尝试删除 node_modules 目录和 package-lock.json 文件（如果存在），然后重新安装依赖：

   
   
   
   rm -rf node_modules
   rm package-lock.json
   npm install

   或者使用 yarn：

   
   
   
   rm -rf node_modules
   rm yarn.lock
   yarn install

3. 对于 TypeScript 无法识别 require 的问题，可以在 TypeScript 配置文件 tsconfig.json 中启用 CommonJS 模块解析：

   
   
   
   {
     "compilerOptions": {
       "module": "commonjs",
       // ...其他配置项
     }
   }

   或者，如果你想继续使用 ES6 模块，可以使用 import 语法代替 require。

确保在修改配置或者安装依赖后重新编译项目，以使更改生效。