Nuxt3+TypeScript中useFetch的transform类型不匹配问题求助

问题出在useFetch的泛型参数指定上——你只声明了原始数据的类型ReceivedData，但没有指定转换后的数据类型，TypeScript会默认要求transform的返回值和原始数据类型一致。

只需要给useFetch添加第二个泛型参数，明确转换后的目标类型TransformedData即可：

type ReceivedData = [string, string, string];

interface TransformedData {
    prop1: string,
    prop2: string,
    prop3: string
}

const { data, error } = await useFetch<ReceivedData, TransformedData>(
    `./jsonPath.json`,
    {
      transform: ([prop1, prop2, prop3]: ReceivedData): TransformedData  => ({
         prop1, prop2, prop3
      })
    }
);

这样TypeScript就能正确识别transform函数的返回类型，不再抛出类型不兼容的错误。

内容的提问来源于stack exchange，提问作者Fennec