导入打字稿定义

Question

我正在使用 Angular-CLI 创建 Web 应用程序，但在导入 facebook type definitions 时遇到问题。他们特别声明：

interface Window{
    fbAsyncInit() : any;
}

declare module "FB" {
    export = FB;
}

declare var FB : FBSDK;

在我的应用程序 src 目录中，我有 app/services/facebook/facebook.ts 和这个：

import {Injectable} from 'angular2/core';
import {FB} from './../../types/fbsdk.d.ts';

还有我创建的新类型目录中的 facebook 定义：app/types/fbsdk.d.ts。我在编译时得到的错误是：

File 'app/types/fbsdk.d.ts' is not a module.

我尝试了其他一些方法，但没有发现任何可行的方法。

---

编辑

我让 Visual Studio Code 识别类型和编译工作，但是当应用程序重新加载时，它会尝试访问 /FB，这会导致 404 错误，因为它不存在。我创建的所有模块都可以在打字稿文件所在的相对目录中访问，例如 Facebook 模块是从 /app/services/facebook/facebook.js 检索的

Answer 1

您可以通过将其添加到您的 TypeScript 代码中来告诉编译器声明文件：

/// <reference path='./../../types/fbsdk.d.ts'/>

然后您可以使用import {Something} from "FB" 或import * as FB from "FB" 之类的语句导入FB 模块。