当新建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
}