vite 插件 ☞ vite-plugin-checker

1,792 阅读1分钟

vite ts 类型检测 插件 vite-plugin-checker

    ...vite.config.js
    
    import checker from 'vite-plugin-checker'
    
    export default {
        plugins: [
            checker({
                typescript: true,
                vueTsc: true,
              }),
        ]
    }

在官方stackblitz 测试, typescript: true, vueTsc: true, 2个属性只要开启1个,效果完全一致;

但在我本地 typescript: true 只会检测到 .ts 类型的文件,不会对 .vue 文件检测; 如果开启 vueTsc: true, 则会编译node_modules内的包。 我已经在tsconfig.json文件内配置了include、exclude

"include": [
    "src/**/*.ts",
    "src/**/*.d.ts",
    "src/**/*.vue",
],
"exclude": [
    "**/dist/**",
    "node_modules",
]

关于报错信息:

node_modules/@vue/language-core/out/generators/template.js:230
tagOffsetsMap[tag] ??= [];
SyntaxError: Unexpected token '??='

目的就是给 .ts .vue 文件加上类型校验,方便开发。目前只针对ts做了配置。.vue文件校验暂时搁置。

这种报错应该如何解决? 先留疑问,后续有办法了再来补充。

后续:

之前node版本是14.16.0 更换了node 18.16.0 就不报错了,.vue \ .ts 文件校验就可以了