vite+tsc打包报TS类型错误的问题及解决过程
更新时间：2026年03月29日 10:30:42 作者：改了一个昵称
文章主要介绍了在使用vite+tsc打包Vue3项目时,可能会遇到TS类型错误的问题,通过配置tsconfig.json文件,可以解决这个问题,设置"checkTypes": false可以关闭依赖包的类型检查,从而避免不必要的错误提示
vite+tsc打包报TS类型错误
当新建vue3项目，package.json文件会自动添加一些配置选项，
这些选项基本没有问题，但是在实际操作过程中，列举一个目前我遇到的一个问题：打包后报了一堆TS类型错误，怎么消除这些错误？
报错信息
如下：
出现上面的报错，是因为 package.json文件中，
"scripts": {
"dev": "vite --host",
"build": "vue-tsc -b && vite build",
"preview": "vite preview"
},
vue-tsc：
- Vue官方提供的命令，用于执行 TS 的类型检查。它在执行时会根据项目中的
tsconfig.json文件配置进行类型检查。 - 所以，可以看出来，在打包的时候编译器执行了TS类型检查，
- 所以才报了一堆错，但是，类型错误，不会影响项目的正常运行，也就是说，执行
npm run dev运行项目是没有任何问题的 - 只是
npm run build打包的时候报错了。
解决办法
下面这样即可
"scripts": {
"dev": "vite --host",
"build": "vite build",
"preview": "vite preview"
}
另外，项目通常在编译时候，也会对我们引入的一些依赖包进行类型校验，我们并不需要这个操作，
所以，可以在 tsconfig.json 中设置如下：
"compilerOptions": {
"skipLibCheck": true
}
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了Vite配置文件vite.config.js的相关资料,这个vite.config.js文件是Vite项目的核心配置文件,它使用导出一个配置对象来定制Vite的行为,需要的朋友可以参考下2025-10-10
这篇文章主要介绍了vue递归生成树状结构的示例,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧2024-07-07
vue自定义组件如何通过v-model指令控制组件的隐藏、显示
这篇文章主要介绍了vue自定义组件如何通过v-model指令控制组件的隐藏、显示，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-05-05
这篇文章主要介绍了Vue中Pinia状态管理，Pinia开始于大概2019年，其目的是设计一个拥有 组合式 API 的 Vue 状态管理库，Pinia本质上依然是一个状态管理库，用于跨组件、页面进行状态共享，感兴趣的同学可以参考阅读2023-04-04
这篇文章主要介绍了vue项目使用typescript创建抽象类及其使用方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-03-03
这篇文章主要为大家详细介绍了vuedraggable实现拖拽功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-04-04
Vue中的scoped和 elememt-plus的样式修改方法
Vue中的scoped属性用于实现样式隔离,确保组件间的样式互不影响,通过在组件的style标签内添加任何内容,可以为组件生成一个唯一的哈希值,从而实现样式的定位,本文通过实例代码讲解Vue中的scoped和 elememt-plus的样式修改方法,感兴趣的朋友一起看看吧2025-01-01
这篇文章主要介绍了vant中list的使用以及首次加载触发两次解决问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-10-10
下面小编就为大家分享一篇完美解决axios跨域请求出错的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-02-02
这篇文章主要介绍了解决vue页面刷新产生白屏的问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-07-07
最新评论