Vite+Vue3+TS生产构建中loadModule导入失败问题

先修正导入方式（最直接的修复） #

你当前直接导入node_modules内的具体文件路径，导致TS无法识别包自带的类型声明。把导入代码改成通过包名引入：

import { loadModule } from 'vue3-sfc-loader'

正常情况下，vue3-sfc-loader包自带类型声明文件，用包名导入后TS会自动识别，不会再报隐式any类型的错误。

若改导入后仍报错，手动补充类型声明 #

如果包确实未附带声明文件，可在项目内自行添加：

• 在src文件夹下新建types目录，创建vue3-sfc-loader.d.ts文件，内容如下：

declare module 'vue3-sfc-loader' {
  export function loadModule(
    modulePath: string,
    options: {
      moduleCache: Record<string, any>,
      getFile: (url: string) => Promise<string>,
      addStyle: (style: string) => Promise<void>
      // 可根据实际使用场景补充更详细的类型定义
    }
  ): Promise<{ default: any }>;
}

• 修改tsconfig.json，将types目录加入include列表：

{
  "compilerOptions": {
    // 其他原有配置
  },
  "include": ["src/**/*", "src/types/**/*"]
}

应急方案（不推荐长期使用） #

如果需要快速解决构建问题，可临时关闭TS的noImplicitAny检查：
在tsconfig.json的compilerOptions中添加：

"noImplicitAny": false

注意：该方案会让TS忽略所有隐式any类型的错误，可能埋下其他类型隐患，仅建议临时应急使用。

内容的提问来源于stack exchange，提问作者isaeed