vue+ts项目常见问题及解决方案

无法找到模块@/views/Login.vue的声明文件。

• 错误的原因：typescript 不能识别 .vue 文件
• 解决方法: 在项目vite-env.d.ts文件中添加以下代码

declare module '*.vue' {
  import { ComponentOptions } from 'vue'
  const componentOptions: ComponentOptions
  export default componentOptions
}

项目配置，引入是否需要.vue的后缀

• 在tsconfig.json文件下新增一下代码

{
  "compilerOptions": {
    "baseUrl": "./", //指定项目的根目录是当前文件夹所在的目录
    "paths": {
      "@/*": ["src/*"] //指定@符号代表src目录
    },
    "allowArbitraryExtensions": true, //导入时必须有扩展名
    "allowSyntheticDefaultImports": true, //允许导入非默认导出的模块
    ...
}