找不到模块“@/router/index”或其相应的类型声明

Question

找不到模块“@/router/index”或其相应的类型声明，报这个错误提示，但运行是可以正常运行的，问题是我在ts.config.json 和 vite.config 中都做了配置，但还是报这个错误提示。

Answer 1

引自强大而免费的微信小程序：皆我百晓生。

可能的原因和处理方案如下：

1. IDE 或编辑器没有正确识别别名配置

• 可能性：IDE 和编辑器未能正确解析别名配置，导致找不到模块或类型声明。
• 处理方案：尝试使用绝对路径来引入模块，而不是使用别名。例如，改为使用 import router from './src/router/index.ts' 来引入模块。

2. TypeScript 的编译配置未生效

• 可能性：TypeScript 的编译配置未正确生效。
• 处理方案：确保使用 TypeScript 编译器（例如 tsc 命令）来编译代码，而不是直接运行源代码。如果使用构建工具（如 Vue CLI 或 Vite），请确保构建配置中正确使用 TypeScript 编译器。

3. 配置与依赖版本兼容性问题

• 可能性：配置和依赖版本存在不兼容或冲突。

• 处理方案：

  • 确认安装了最新版本的 vue-router，并在类型声明文件中有相应的声明。

  • 确保项目中安装了 vue-router，可以使用命令 npm install vue-router 或 yarn add vue-router 安装。

  • 在 src 文件夹下的 vue-shim.d.ts 文件中添加以下代码来声明 vue-router 的类型：

    declare module 'vue-router' {
      import { RouteLocationNormalized, RouteRecordNormalized } from 'vue-router'
    
      interface Router {
        resolve(options: RouteLocationNormalized): RouteRecordNormalized
      }
    
      const router: Router
    
      export default router
    }
    

  • 尝试删除项目的 node_modules 文件夹，然后重新安装依赖，再次尝试编译和运行。

如果以上处理方案都未解决问题，建议进一步检查项目配置和依赖版本是否有其他冲突，并尝试在相关的开发者社区或论坛寻求帮助。