如何在angular-cli 1.0.1 app中使用chrome-app.d.ts類型？

Question

我已經安裝@類型/鉻和tsconfig.app.json它添加

"types": [ 
    "chrome" 
] 

但是，當我在組件中使用chrome.app，它顯示了一個錯誤：

Property 'app' does not exist on type 'typeof chrome'

@ types/chrome文件夾包含chrome-app.d.ts是我需要的文件，我該如何參考這個

來源https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/chrome

Answer 1

由於該分型定義模塊的創建者選擇不包括在index.d.ts文件@types/chrome模塊的chrome.app.*定義，而是它們分離成chrome-app.d.ts，你需要明確地引用它

/// <reference types="chrome/chrome-app"/>

注意這必須在文件的頂部，每對打字稿三斜槓指令文件：使用這些API文件

https://www.typescriptlang.org/docs/handbook/triple-slash-directives.html

還要注意的是，應該不有必要在你的tsconfig.json文件中添加"types": ["chrome"]參考，作爲最新版本的打字稿編譯器應該在node_modules/@types發現自動進口的所有分型定義模塊。通過添加這個到你的配置，你告訴它只有導入一個模塊。欲瞭解更多關於此，您可以參考配置文檔：

https://www.typescriptlang.org/docs/handbook/tsconfig-json.html