vite+tsc打包報TS類型錯誤的問題及解決過程
更新時間：2026年03月29日 10:30:42 作者：改了一個昵稱
文章主要介紹了在使用vite+tsc打包Vue3項目時,可能會遇到TS類型錯誤的問題,通過配置tsconfig.json文件,可以解決這個問題,設(shè)置"checkTypes":?false可以關(guān)閉依賴包的類型檢查,從而避免不必要的錯誤提示
vite+tsc打包報TS類型錯誤
當新建vue3項目，package.json文件會自動添加一些配置選項，
這些選項基本沒有問題，但是在實際操作過程中，列舉一個目前我遇到的一個問題：打包后報了一堆TS類型錯誤，怎么消除這些錯誤？
報錯信息
如下：
出現(xiàn)上面的報錯，是因為 package.json文件中，
"scripts": {
"dev": "vite --host",
"build": "vue-tsc -b && vite build",
"preview": "vite preview"
},
vue-tsc：
- Vue官方提供的命令，用于執(zhí)行 TS 的類型檢查。它在執(zhí)行時會根據(jù)項目中的
tsconfig.json文件配置進行類型檢查。 - 所以，可以看出來，在打包的時候編譯器執(zhí)行了TS類型檢查，
- 所以才報了一堆錯，但是，類型錯誤，不會影響項目的正常運行，也就是說，執(zhí)行
npm run dev運行項目是沒有任何問題的 - 只是
npm run build打包的時候報錯了。
解決辦法
下面這樣即可
"scripts": {
"dev": "vite --host",
"build": "vite build",
"preview": "vite preview"
}
另外，項目通常在編譯時候，也會對我們引入的一些依賴包進行類型校驗，我們并不需要這個操作，
所以，可以在 tsconfig.json 中設(shè)置如下：
"compilerOptions": {
"skipLibCheck": true
}
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要給大家介紹了關(guān)于vue指令和插值的相關(guān)資料,大家應(yīng)該對指令和插值都不陌生,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2023-06-06
vue.js移動端app之上拉加載以及下拉刷新實戰(zhàn)
這篇文章主要介紹了vue.js移動端app之上拉加載以及下拉刷新實戰(zhàn)，非常具有實用價值，需要的朋友可以參考下2017-09-09
useVModel()用來實現(xiàn)父子組件間數(shù)據(jù)的雙向綁定,若不想使用默認回調(diào),也可以自己使用emit實現(xiàn)回調(diào),這篇文章主要給大家介紹了關(guān)于vue中useVModel()使用方法的相關(guān)資料,需要的朋友可以參考下2024-03-03
這篇文章主要為大家詳細介紹了vue實現(xiàn)移動端返回頂部，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-10-10
媒體查詢@media常見的不生效原因包括格式書寫錯誤,例如and后必須有空格；樣式?jīng)_突,后面的CSS會覆蓋前面的；CSS本身存在問題,比如塊元素浮動導(dǎo)致父級元素?zé)o高度而背景顏色不顯示；漏掉了meta屬性中的viewport屬性,正確書寫和排列CSS代碼2024-10-10
前端vue3框架搭建及創(chuàng)建項目工程完整步驟(小白版)
很多vue初學(xué)者一開始就在追求如何做出很炫酷的效果,而對頁面的整體布局沒有一個比較全面的了解,這篇文章主要介紹了前端vue3框架搭建及創(chuàng)建項目工程的相關(guān)資料,需要的朋友可以參考下2025-07-07
在 Vue 項目中引入 tinymce 富文本編輯器的完整代碼
這篇文章主要介紹了在 Vue 項目中引入 tinymce 富文本編輯器的實例代碼,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2018-05-05
這篇文章主要介紹了Vue?動態(tài)路由的實現(xiàn)，動態(tài)路由是一個常用的功能，根據(jù)后臺返回的路由json表，前端動態(tài)顯示可跳轉(zhuǎn)的路由項，本文主要實現(xiàn)的是后臺傳遞路由，前端拿到并生成側(cè)邊欄的一個形勢，需要的朋友可以參考一下2022-06-06
key是虛擬DOM的導(dǎo)航儀,通過唯一標識節(jié)點,提高DOM更新效率,不綁定key或使用不穩(wěn)定的key會導(dǎo)致組件狀態(tài)錯亂、性能下降,甚至崩潰,下面就來介紹一下Vue中Key唯一標識作用,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2026-02-02
詳解在Vue中如何實現(xiàn)表單圖片裁剪與預(yù)覽
在前端開發(fā)中，表單提交是一個常見的操作，有時候，我們需要上傳圖片，但是上傳的圖片可能會非常大，這會增加服務(wù)器的負擔，同時也會降低用戶的體驗，因此，我們通常需要對上傳的圖片進行裁剪和預(yù)覽，本文主要給大家介紹如何在Vue中進行表單圖片裁剪與預(yù)覽2023-06-06