angular - Typescript - Eigenschaft 'userId' existiert nicht auf Typ 'unknown'

Ich habe den folgenden einfachen Code, um rxJS in TypeScript zu üben.

import fetch from 'node-fetch';
import {
    Observable, Subject, asapScheduler, pipe, of, from,
    interval, merge, fromEvent, SubscriptionLike, PartialObserver
} from 'rxjs';
import { map, filter, scan } from 'rxjs/operators';

function getUserId() {
    return from<Promise<{userId: number}>>(
        fetch('https://jsonplaceholder.typicode.com/posts/1').then(r => r.json())
    )
    .pipe(map(v => v.userId))
    .subscribe(console.log);
}

getUserId();

Warum wirft die Eingabeaufforderung einen Fehler?

C:\Users\Administrator\Downloads\typescript>ts-node from.ts

C:\Users\Administrator\AppData\Roaming\npm\node_modules\ts-node\src\index.ts:423

    return new TSError(diagnosticText, diagnosticCodes)
           ^
TSError: ⨯ Unable to compile TypeScript:
from.ts:12:22 - error TS2339: Property 'userId' does not exist on type 'unknown'
.

12     .pipe(map(v => v.userId))
                        ~~~~~~
...

Ich dachte, der Code sollte funktionieren, weil die userId bereits in return from<Promise<{userId: number}>>{... definiert ist

VScode gibt mir auch die Fehlermeldung in Bezug auf die userId Eigenschaft 'userId' existiert nicht auf Typ 'unknown'.ts(2339)

Antwort #1

Bitte unten versuchen.

Ersetzen

v.userId

An

v['userId']