vite+tsc打包报TS类型错误的问题及解决过程

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
}

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。