Angular 5中Moip API模块未找到，如何正确导入使用Moip SDK？

我之前也碰到过类似第三方包没有TypeScript类型定义的情况，给你几个可行的解决步骤：

第一步：尝试安装官方类型定义 #

首先按照VS Code的提示，先试试安装对应的@types包，执行这个命令：

npm install --save-dev @types/moip-sdk-node

如果安装成功，那类型错误应该直接消失了——但如果这个包没有官方维护的类型定义（不少小众或旧的Node.js包会出现这种情况），就需要咱们手动创建声明文件。

第二步：手动创建类型声明文件 #

找不到官方@types包也不用慌，自己写个简单的声明文件就能解决VS Code的报错：

• 在你的Angular项目src目录下，新建一个types文件夹（如果还没有的话）
• 在types文件夹里创建moip-sdk-node.d.ts文件，写入以下内容：

declare module 'moip-sdk-node' {
  // 定义SDK初始化的配置参数类型
  interface MoipConfig {
    token: string;
    key: string;
    production: boolean;
  }

  // 定义SDK初始化函数的类型
  type MoipInitializer = (config: MoipConfig) => any;

  // 导出SDK的默认导出
  const moipSdk: MoipInitializer;
  export default moipSdk;
}

这个声明文件会告诉TypeScript，moip-sdk-node模块有一个默认导出的函数，接受指定的配置参数，返回任意类型（如果需要更精确的类型，可以参考Moip SDK的官方文档补充细节）。

• 最后修改项目根目录的tsconfig.json，让TypeScript能识别咱们自定义的类型文件夹：
  在compilerOptions里添加或更新typeRoots配置：

{
  "compilerOptions": {
    // 其他已有的配置项...
    "typeRoots": [
      "./node_modules/@types",
      "./src/types"
    ]
  }
}

额外注意点 #

因为moip-sdk-node是为Node.js环境设计的包，在Angular浏览器环境中使用可能会遇到依赖Node.js内置模块（比如http、https）的问题。如果后续出现这类报错，你可能需要添加对应的polyfill或者调整Angular的构建配置，不过先解决当前的类型错误优先~

内容的提问来源于stack exchange，提问作者Luiz Ricardo Cardoso