Question

我有以下 Angular 服务

import { Injectable } from '@angular/core'

import { DictUnit } from '@activejs/core'

@Injectable({
    providedIn: 'root',
})
export class RegistrationState {
    private _dictionaryUnit = new DictUnit({
        id: 'registration',
        immutable: true,
        persistent: true,
        cacheSize: 200,
        // initialValue: {},
        distinctDispatchCheck: true,
    })

    get dictUnit() {
        return this._dictionaryUnit
    }
}

我将服务注入到我的组件中：

export class AgeComponent {
    age: IAge = new Age()
    
    constructor(private regState: RegistrationState) {
    }

    onDobValueChanged(e: any) {
        const dob = dayjs(e.value).toDate()
        const years = dayjs().diff(dob, 'year')


        // TS2345: Argument of type 'string' is not assignable to parameter of type 'never' - ERROR REFERES TO 'age' param
        this.regState.dictUnit.set('age', this.age) 
    }

    onDodValueChanged(e: any) {
        this.age.dod = dayjs(e.value).toDate()
        console.log({ dod: this.age.dod })
    }
}

set 函数的 API 位于 https://api.activejs.dev/classes/dictunit.html#set

为什么我得到这个结果？

我正在使用以下内容 #1 "typescript": "~4.1.5" - 严格模式 #2 "@angular/cli": "^11.2.12", #3 Linux Mint Ulyana

谢谢

Answer 1

需要明确告知 DictUnit 它存储的是什么数据类型。如果没有指定，它将使用 Record<never, never>。

因此，在您的组件类中设置年龄时，它会警告您类型不兼容（字符串！=从不）。

一个简单的修复是这样的：

private _dictionaryUnit = new DictUnit<Record<string, unknown>>({ // inform DictUnit it is storing key as string and value as unknown 
    id: "registration",
    immutable: true,
    persistent: true,
    cacheSize: 200,
    // initialValue: {},
    distinctDispatchCheck: true
});

这里是简单演示的代码和框：

https://codesandbox.io/s/rough-cloud-bz51m?file=/src/app/registration-state.service.ts:255-264

附言

您可以将未知类型更改为更严格的限制，例如 string | boolean | number。

TS2345：“字符串”类型的参数不可分配给“从不”类型的参数

1 个答案: