如何导入“权限状态”？答案

【问题标题】：How to import "PermissionStatus"?如何导入“权限状态”？
【发布时间】：2019-11-11 22:03:46
【问题描述】：

在我的 Angular 应用程序中，我想使用 JavaScript 的 PermissionStatus。可以参考at Mozilla。

当我尝试将它导入到我的一个角度 .ts 文件中时，我的 IDE (IntelliJ) 找不到该类。

navigator.permissions.query({ name: 'geolocation' }).then(function (permissionStatus: PermissionStatus) {
  console.log('geolocation permission status is ', permissionStatus.state);
});

CODE EXAMPLE

它抱怨：

error TS2304: Cannot find name 'PermissionStatus'.

即使使用navigator.permissions 也会给我一个错误：

error TS2339: Property 'permissions' does not exist on type 'Navigator'.

如何导入PermissionStatus？

【问题讨论】：

标签： javascript angular typescript angular5

【解决方案1】：

PermissionStatus 类型已在 typescript 版本3.5 中添加，因此如果您可以更新包，则无需安装其他类型

【讨论】：

以防万一，此时 angular 8.0 doesn't 支持 typescript 3.5，你会看到编译器的错误，但很快就会改变，我认为这个答案对于以后会发现它的人来说会更相关。

【解决方案2】：

试试这个 -

$ npm install --save-dev @types/navigator-permissions

更多详情，您也可以查看here -

【讨论】：