无法导入无类型npm模块：vue2-google-maps类型适配问题求助

我明白你作为TS新手遇到这个类型错误的困扰，咱们一步步来修复它：

问题根源 #

你自定义的类型声明里把vue2-google-maps声明成了一个类，但实际上这个库导出的是一个现成的插件对象（包含install方法），并非需要实例化的类，所以TypeScript无法将它匹配到PluginObject类型。

修正自定义类型声明 #

替换你./typings/index.d.ts里的内容为以下代码：

declare module 'vue2-google-maps' {
  import _Vue from 'vue';
  import { PluginObject } from 'vue/types/plugin';

  // 定义插件支持的配置项类型（可根据需要扩展）
  interface GMapsPluginOptions {
    load: {
      key: string;
      libraries?: string | string[];
      // 其他可选配置比如 v、language 等都可以在这里添加
    };
  }

  // 直接声明导出的是符合PluginObject类型的插件对象
  const VueGoogleMaps: PluginObject<GMapsPluginOptions>;
  export default VueGoogleMaps;
}

确保TypeScript识别到声明文件 #

检查你的tsconfig.json，当前的include只包含了src目录，需要把typings目录也加进去，这样TS才能加载到你的自定义类型声明：

{
  "compilerOptions": {
    "outDir": "./built/",
    "sourceMap": true,
    "baseUrl": ".",
    "paths": {
      "*": [ "./typings/*" ]
    },
    "strict": true,
    "noImplicitReturns": true,
    "module": "es2015",
    "moduleResolution": "node",
    "target": "es5"
  },
  "include": [ "./src/**/*", "./typings/**/*" ]
}

验证导入代码 #

你的index.ts代码可以保持不变，现在TypeScript应该能正确识别VueGoogleMaps的类型，不会再抛出TS2345错误了：

import VueGoogleMaps from "vue2-google-maps";

Vue.use(VueGoogleMaps, {
  load: {
    key: GMAPS_KEY,
    libraries: 'places',
  }
});

这样调整后，插件的类型就能和Vue的use方法要求的PluginObject类型匹配上啦～

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