项目环境:Vite2.0 + Vue3.2 + Typescript + element-plus UI
打包报错很有可能跟依赖包版本不同而导致出现不同的错
所以贴出依赖包版本号以供参考:
![](https://img2020.cnblogs.com/blog/1318601/202111/1318601-20211126160821883-20049598.png)
翻查报错文件位置了解到是element-plus相关错误
element-plus版本是:1.1.0-beta.24
![](https://img2020.cnblogs.com/blog/1318601/202111/1318601-20211126160839074-2145479837.png)
随后尝试升级官网最新版本:1.2.0-beta.3 再打包结果报更多错误:
![](https://img2020.cnblogs.com/blog/1318601/202111/1318601-20211126160858135-2060283557.png)
解决办法:https://blog.csdn.net/qq_41636947/article/details/119761441
在 tsconfig.json 文件中 compilerOptions 选项下加入 "skipLibCheck": true // 跳过自由检查
![](https://img2020.cnblogs.com/blog/1318601/202111/1318601-20211126160912770-846793577.png)
还是经验不足一开始完全蒙蔽不知道怎么解决,
最后个中折腾了两小时才碰巧解决了,要不然不知道拖多久
新技术还有要趟的坑多了去
打包成功:
![](https://img2020.cnblogs.com/blog/1318601/202111/1318601-20211126160928813-403654838.png)