Ошибка TS2345 при использовании moment js как пофиксить?

Question

[Nikolaj Alyabiev]

есть такой пайп

import { Pipe, PipeTransform } from '@angular/core'
import * as moment from 'moment'


@Pipe({
    name: 'moment'
})

export class MomentPipe implements PipeTransform {
    transform(momentObj: moment.Moment, format: string ="MMMM YYYY"): string {
        return momentObj.format(format)
    }

}

и html компонента

<p>

    <i class="material-icons" (click)="month(-1)">arrow_left</i>

    <span>
        {{date.date | async | moment}}
    </span>

    <i class="material-icons" (click)="month(1)">arrow_right</i>

</p>

при написании moment в теге спан выдает ошибку TS2345: Argument of type 'Moment | null' is not assignable to parameter of type 'Moment'.
Type 'null' is not assignable to type 'Moment'.
Как пофиксить?

Comments

[Aetae]

Я не знаю толком ангуляр, но какбэ в ошибке всё написано. Твой пайп moment ждёт на вход строго тип Moment, а либо date.date либо async помимо Moment могут возвращать ещё и null. Либо поправь пайп, чтоб он обрабатывал null, либо поправь типы передаваемых значений. Очевидно, по моему.

[Nikolaj Alyabiev]

Там вообще не должен null приходить, как правильно пайп поправить, потому что только недавно начал тс юзать и ангуляр, сложновато пока ещё.@Aetae,

[Aetae]

Nikolaj Alyabiev, если не должен
- смотри где у тебя это data.date задано и почему там может оказаться null.

Если править пайп, то очевидно поменять moment.Moment на moment.Moment | null и добавить орбаботку if(momentObj === null) return ''; (или типа того).

[Антон Швец]

Nikolaj Alyabiev,

Там вообще не должен null приходить

должен, AsyncPipe возвращает его, так что нужно просто учесть в своем дальнейшем пайпе

Answer 1

[Mukhamed Izudinov]

Мне помогло добавление null через Union тип

export class MomentPipe implements PipeTransform {
    transform(m: moment.Moment | null , format: string = 'MMMM YYYY'): string {
        return m!.format(format)
    }
}