Question

我正在使用 Mobx Persist Store 将 MobX 存储保存到本地存储。

文档没有 TS 版本，因此我修改了 2 行（readStore 中的一行，writeStore 中的另一行，您可以将其与 https://github.com/quarrant/mobx-persist-store#with-mobx-6 进行比较）以解决 TS 错误，但是导致另一个错误：

import {
    persistence,
    useClear,
    useDisposers,
    isSynchronized,
    StorageAdapter,
} from 'mobx-persist-store'

import { FrameItStore } from '@/store/index'

function readStore(name: string) {
    return new Promise<string>((resolve) => {
        const data = localStorage.getItem(name) || '{}'
        resolve(JSON.parse(data))
    })
}

function writeStore(name: string, content: string) {
    return new Promise<Error | undefined>((resolve) => {
        localStorage.setItem(name, JSON.stringify(content))
        resolve(null)
    })
}

export default persistence({
    name: 'FrameItStore',
    properties: ['counter'],
    adapter: new StorageAdapter({
        read: readStore,
        write: writeStore,
    }),
    reactionOptions: {
        // optional
        delay: 2000,
    },
})(new FrameItStore())

我在 null 内的 resolve(null) 中的 writeStore 出现错误。

错误如下：

<块引用>

“null”类型的参数不可分配给“Error”类型的参数 | PromiseLike<错误 |未定义> |未定义'.ts(2345)

我该如何解决？

Answer 1

unknown 与 string 或 undefined 不兼容。我相信 JSON.parse 正在返回 unknown。因此，您必须确定其类型，而不仅仅是解析 JSON.parse(data)。您可以通过使用条件检查来做到这一点。一旦您确定它是 string，您就可以解析它，否则解析 undefined。

function readStore(name: string) {
    return new Promise((resolve) => {
        const data = localStorage.getItem(name) || '{}'
        const output = JSON.parse(data);
        if (typeof output === "string") resolve(output);
        resolve(undefined);
    })
}

Answer 2

我想我已经解决了，因为我现在看不到任何错误。我不得不从 JSON.parse 中删除 readStore 并在 resolve(undefined) 中使用 resolve(null) 而不是 writeStore 像：

import {
    persistence,
    useClear,
    useDisposers,
    isSynchronized,
    StorageAdapter,
} from 'mobx-persist-store'

import { FrameItStore } from '@/store/index'

function readStore(name: string) {
    return new Promise<string>((resolve) => {
        const data = localStorage.getItem(name) || '{}'
        resolve(data)
    })
}

function writeStore(name: string, content: string) {
    return new Promise<Error | undefined>((resolve) => {
        localStorage.setItem(name, JSON.stringify(content))
        resolve(undefined)
    })
}

export const PersistState = persistence({
    name: 'FrameItStore',
    properties: ['counter'],
    adapter: new StorageAdapter({
        read: readStore,
        write: writeStore,
    }),
    reactionOptions: {
        // optional
        delay: 2000,
    },
})(new FrameItStore())

TS 错误：“null”类型的参数不可分配给“Error |”类型的参数PromiseLike<错误 |未定义> |未定义'.ts(2345)

2 个答案: