创建vue3项目可能遇到的问题

1、vscode中vue文件的代码出现红色波浪线

错误原因

vscode插件Vue Language Features (Volar)  的问题

解决办法

卸载 Vue Language Features (Volar)  插件，重新安装插件，重启vscode

倘若还不能解决将Vue Language Features (Volar) 插件切换到预发布版本，重启vscode即可

2、tsconfig.node.json，tsconfig.vitest.json文件中报错

错误原因

 ts中的 importsNotUsedAsValues 属性在ts5.5版本弃用

解决方法

在tsconfig.node.json，tsconfig.vitest.json文件中的compilerOptions里面加上"ignoreDeprecations": "5.0" 即可

3、引入自定义组件时报错

错误原因

vscode插件 Vetur暂不支持ts

解决方法

1、停用 Vetur插件，使用 Vue Language Features (Volar)插件代替（推荐此方法）

2、不用 script setup 语法糖，改用 Options API 写法(不建议)

4、router文件中引入路由组件时报找不到模块或其相应的类型声明

解决方法

只需要在项目根目录下的env.d.ts文件加上一下代码即可，如果没有env.d.ts文件，在项目根目录下创建一个即可

declare module '*.vue' {
    import type { DefineComponent } from 'vue'
    const component: DefineComponent<{}, {}, any>
    export default component
}

 

总结

以上的几个问题都不影响代码的运行，可解决也可不解决