Как обрабатывать предупреждения о проприетарных/пользовательских свойствах встроенных объектов в TypeScript

StackOverflow https://stackoverflow.com//questions/12703266

  •  13-12-2019
  •  | 
  •  

Вопрос

Я использую Personas, который опирается на собственность navigator.id.Поскольку это свойство не является стандартным, компилятор TypeScript выдает следующее предупреждение: 

$ tsc home.ts --out my_ts_generated_code.js
/Users/..../home.ts(27,18): The property 'id' does not exist on value of type 'Navigator'

Но файл .js успешно создается и запускается в браузере FF15 без каких-либо предупреждений/сообщений об ошибках.
Я также включаю полифилл для navigator.id, как указано в документации, поэтому navigator.id обязательно будет доступен в каждом браузере.

Может ли кто-нибудь подсказать мне, как справиться с этим предупреждением?

index.html

<!-- some HTML omit above -->
<script src="https://login.persona.org/include.js"></script>
<script src="my_ts_generated_code.js"></script>
<button class="btn" id="signin">Sign in</button>
<button class="btn" id="signout">Sign out</button>
<!-- some HTML omit below -->

home.ts

declare var $;

class Student {
    fullname : string;
    constructor(public firstname, public middleinitial, public lastname) {
        this.fullname = firstname + " " + middleinitial + " " + lastname;
    }
}

interface Person {
    firstname: string;
    lastname: string;
}

function greeter(person : Person) {
    return "Hello, " + person.firstname + " " + person.lastname;
}

var user = new Student("Jane", "M.", "User");

$(function() {
    $('#signin').on('click', function(e) {
        e.preventDefault();
        navigator.id.request();
    });

    $('#signout').on('click', function(e) {
        e.preventDefault();
        navigator.id.logout();
    });
    //document.body.innerHTML = greeter(user);
});
Это было полезно?

Решение

1) Вы можете переосмыслить поддержку Navigator.

(<any>navigator).id.request();

2) Вы можете объявить идентификационную опору.

mycompany.lib.d.ts

interface Navigator {
  id: any
}

приложение.ts

navigator.id.request();

посмотри это видео http://channel9.msdn.com/posts/Anders-Hejlsberg-Introducing-TypeScript/ Там Андерс рассказывает, как jQuery.UI добавляет в jQuery новые методы (см. 46 мин.)

Другие советы

Добавьте проверки типа if(navigator.id != null && typeof navigator.id != 'undefined') перед stmt, где указан navigator.id

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top