Typoskript - Objekt ist eventuell 'null'

Ich bekomme diese Fehlermeldung für die folgenden, aber das Programm läuft perfekt

var video = document.querySelector('#camera-stream'),

if(!navigator.getMedia){
        displayErrorMessage("Your browser doesn't have support for the navigator.getUserMedia interface.");
    }
    else{
        //Request the camera.
        navigator.getMedia(
            {
                video: true
            },
            //Success Callback
            function(stream:any){

                //Create an object URL for the video stream and
                //set it as src of our HTLM video element.
                video.src = window.URL.createObjectURL(stream);

                //Play the video element to start the stream.
                video.play();
                video.onplay = function() {
                    showVideo();
                };

            },
            //Error Callback
            function(err:any){
                displayErrorMessage("There was an error with accessing the camera stream: " + err.name, err);
            }
        );

    }

Typoskript - Objekt ist eventuell 'null'

Ich habe versucht, die Lösung in diesen Fragen aber nicht für mich arbeiten.

Was ist die richtige fix für diesen Fehler?

Bitte zählen Sie die Fehler als text und nicht als Bilder.
sorry für den unsachgemäßen Frage Weise... die Frage, die schon bearbeitet
Versuchen Sie dieses video!.src
danke.. deine Antwort gelöst, mein Fehler...tqvm

InformationsquelleAutor paan | 2017-05-13

angular typescript

Versuchen casting:

var video = document.querySelector('#camera-stream')

zu:

var video = <HTMLVideoElement>document.querySelector('#camera-stream')

InformationsquelleAutor Simon

15

Typoskript hat eine spezielle syntax für den Umgang mit diesem Szenario.

Wenn Sie wissen der Wert ist eigentlich weder null noch undefined aber nicht der compiler, Sie können die nicht-null-Behauptung Betreiber ! diese zu kommunizieren. Dies funktioniert auf einem Ausdruck durch den Ausdruck Grundlage.
```
declare let video: HTMLVideoElement | null | undefined;

video.src = window.URL.createObjectURL(stream); //error

video!.src = window.URL.createObjectURL(stream); //OK

video.autoplay = true; //error as the `!` does not percolate forward

video!.autoplay = true; //OK
```
Jedoch, es ist weit mehr wahrscheinlich, dass wir nicht definitiv wissen, dass das Objekt in Frage ist weder null noch undefined und ja, die Möglichkeit ist das was der Typ wurde absichtlich geschrieben, um zu vermitteln. In einem solchen Fall ist die Verwendung der ! syntax unterdrücken möchten einen compile-Zeit-Fehler, konnte aber das Ergebnis in eine runtime-Fehler. In diesem Fall sollte man eher behandeln die Möglichkeit, durch die Gewährleistung, dass das Objekt truthy dereferenzieren, bevor es. Ein gemeinsames idiom für das schreiben dieses Codes ist
```
if (video) {
  video.member
}
```
In der Tat, Typoskript verwendet ein Kontext-Typ-überprüfung Technik, bekannt als control-flow-Analyse, und dabei bestimmt, dass video kann getrost aufgelöst werden, in der if Anweisungsblock. Also, der obige code führt nicht jeder Fehler, da Typoskript weiß, dass es sicher ist.

Ist es am besten, um die ! syntax sehr sparsam.

InformationsquelleAutor Aluan Haddad
3

Simon ' s Antwort kann auch geschrieben werden mit as (bevorzugt von einigen linters wie airbnb):
```
var video = document.querySelector('#camera-stream') as HTMLVideoElement;
```
InformationsquelleAutor wfreude
1

In der Regel, wenn Sie möchten, deaktivieren Sie die strengen null prüft-Funktion in Maschinenschrift verwenden, können Sie den Charakter ! wo der Fehler gezeigt wird, wie unten:
```
this.myRef.current!.value = ''
```
Hinweis: tun Sie dies, wenn Sie sicher sind, über das Objekt

InformationsquelleAutor Alex Trn

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.