angular 2 websql类型答案

【问题标题】：angular 2 websql typingsangular 2 websql类型
【发布时间】：2017-06-06 08:35:10
【问题描述】：

我正在使用 Angular 4 在电子中编写应用程序。我需要一个数据库并想使用 websql，但我找不到导入 websql 类型的方法。

我添加了@types/websql。在我的 IDE 中，当我这样做时没有编译错误：

const db: Database = window.openDatabase('foo', '1.0', 'foo', 2 * 1024 * 1024);

但是ng serve 给了我：

Property 'openDatabase' does not exist on type 'Window'

我没有任何特定于@types/websql 的导入。由于它不是一个模块，我不知道如何导入它。

有人知道如何导入这个吗？

【问题讨论】：

【解决方案1】：

好的，我找到了解决办法。

ng-cli 生成一个 tsconfig.app.json 属性 types 设置为 []。如果我正确理解 tsc doc，它会阻止编译器使用 typeRoots 属性。

只需删除此属性，我的代码就可以编译。

【讨论】：

【解决方案2】：

所有可见的“@types”包都包含在您的编译中...

如果指定了 typeRoots，则只包含 typeRoots 下的包。

如果指定了 types，则只包含 types 下的包。

如果我将类型放入 ts.config.app 中，如下配置：

"types": [
  "websql"
]

它只会包含 node_modules/@types/websql 忽略其他可能已经安装的。

【讨论】：