google.protobuf.Timestamp toDate() is not a function about protobuf-es

[timostamm]

typeof v.at === string is very odd. How did you get the instance of StatReply - did you use StatReply.fromJson, or StatReply.fromBinary?

[ThereWeGo]

typeof v.at === string is very odd. How did you get the instance of StatReply - did you use StatReply.fromJson, or StatReply.fromBinary?

no , I use fetch to get the data (vueuse -> usefetch )

export const fetchFireStats = async () => {
  return await nFetch(`/v2/firewatch/stat`, {
    onFetchError
  })
    .get()
    .json<ListStatReply>()
}

then use it like this:

// res type is  StatReply[] , which gen from proto 
let res = (await fetchFireStats()).data.value?.data ?? []
res.forEach((v) => {
          console.log(v.at.toDate()) // TypeError: v.at.toDate is not a function
          console.log(v.at.seconds) // seconds undefined
          console.log(typeof v.at) // string
          console.log(v.at) // output: 2020-12-01T03:21:57.330Z
          console.log(new Date(v.at as unknown as string).getTime())  it works
})

[timostamm]

I assume that .json() parses the response body as JSON and returns the result typed as ListStatReply.

But the type parameter is just for your convenience, it's the same as if you used .json() as ListStatReply, and it will compile just as well with .json() as Date. The last one is obviously wrong.

But the first one is actually wrong as well, because the JSON data you parsed has no toDate method. You need to hydrate your data with ListStatReply.fromJson. Here is an example:

export const fetchFireStats = async () => {
  const json = await nFetch(`/v2/firewatch/stat`, {
    onFetchError
  })
    .get()
    .json();
  return ListStatReply.fromJson(json);
}

[ThereWeGo]

But the first one is actually wrong as well, because the JSON data you parsed has no toDate method. You need to hydrate your data with ListStatReply.fromJson. Here is an example:

谢谢!
thanks for you precise assumptions
as you said , it works!
i give <type> too much confidence