Vue 3 + TypeScript 项目，为什么 serve 和 build 的时候都不报任何 TS 编译错误？
shintendo · 2021-02-22 18:35:45 +08:00 · 4688 次点击这是一个创建于 1354 天前的主题，其中的信息可能已经有所发展或是发生改变。
我在组件的<script>段里写了一些错误的语句，VSCode 检查出来了并且标红了，但当我执行 npm run serve 的时候，都能顺利跑起来并且没有任何报错，请问这个情况是否正常？如果不正常的话，我稍后可以提供代码。
 |
1
EPr2hh6LADQWqRVH 2021-02-22 18:41:16 +08:00  1
正常，vue 默认的 tsconfig 是 transpileOnly， 新一点的 vite 工具链甚至都不用 tsc，对 TypeScript 的态度就是闹着玩
|
 |
2
Jirajine 2021-02-22 18:52:21 +08:00 1
很正常啊， 忽略类型检查能加快编译打包速度，而 typescript 提供的类型检查功能可以直接通过 language server 使用。
|
 |
3
beginor 2021-02-22 23:23:57 +08:00 via Android 1
只能说 vue 对 ts 的支持比较差， 比 angular 和 react 差很多， 我在 vue 项目中都要设置 skipLibraryCheck 为 true 才能运行 tsc， 否则一大堆错误
|
 |
4
faceRollingKB 2021-02-23 09:57:01 +08:00 1
终于看到踩坑 vue3 的了
|
 |
5
shintendo OP @faceRollingKB 个人项目玩玩
|
 |
7
miloooz 2021-02-23 11:37:51 +08:00 1
@beginor 还好吧 我用脚手架生成的 ts 版 3.0 的 ，没报错欸。然后用 tsx 去写，感觉代码提示上和 react 差距不是很大了。
|
 |
8
zhangyuang 2021-02-23 13:32:09 +08:00 1
vue+ts 不是用来检查类型的。你可以单独搞一个 server:types: tsc -p 用 tsc 来单独检测类型错误
|
|
9
shintendo OP @zhangyuang 呃，不太明白，那 vue+ts 仅仅为了代码提示吗？
|
|
10
Jirajine 2021-02-23 14:25:23 +08:00 via Android 1
@shintendo 当然可以，配置取决于你的打包工具，一般为了打包速度会默认使用 babel 或 esbuild 来转译 ts，你可以显式指定为 tsc，并配置好 tsconfig.json 。
但这样其实没太大必要，会大幅度拖慢打包速度。类型检查 language server 已经帮你做了，有错误都能提示出来。 换用 snowpack/vite 这些基于 esm 的开发工具能快一些。 |
|
11
zhangyuang 2021-02-23 14:33:10 +08:00 1
@shintendo 你可以这么理解。。其实 react+ts 也只是为了代码提示。因为 ts-loader 和 babel-react-app 的 ts 选项也都不会进行类型检查。只是单纯的 transform 代码
|
|
12
shintendo OP @Jirajine
我是 vue-cli 生成的项目，你说的“显式指定为 tsc”是在什么地方配置的呢？ 关于 language server 的提示，我的问题是它只提示当前打开的文件中的错误，而不检查项目中其它文件中可能存在的错误，这个是我的设置问题吗？ |
|
13
Jirajine 2021-02-23 15:24:21 +08:00 via Android 1
@shintendo 我记得 vue-cli 生成项目用的是 webpack，那你只要配置转译 typescript 的为 ts-loader 而不是 babel-loader，然后 tsconfig.json 里开启需要的选项。
具体参考 https://cli.vuejs.org/core-plugins/typescript.html https://github.com/TypeStrong/ts-loader |
 |
14
stkevintan 2021-02-23 22:10:15 +08:00 via Android 1
这不是对 ts 不友好，而是一种优化手段，可能小项目不会感觉 tsc 有多慢，在我软 ts 大型项目比比皆是，编译起来速度感人。
一般类型检查通过编辑器就能解决一大部分，如果实在要检查的话一般是用这个插件 https://www.npmjs.com/package/fork-ts-checker-webpack-plugin |
 |
15
charlie21 2021-02-25 10:56:31 +08:00
一个 lint 为什么要报错？
“（在类型擦除的层面看） TypeScript 本质上是一个 JS linter （给出报错提示，在编辑器里，在编辑时）” https://www.cnblogs.com/powertoolsteam/p/13500668.html https://www.typescriptlang.org/docs/handbook/typescript-from-scratch.html#erased-types |
 |
16
Reol 2021-03-04 14:08:42 +08:00
加 eslint 是不是应该就能报错？
|
Select Language