FetchError type

I've seen import type { FetchError } from 'ofetch', what what's the correct module when handling useFetch() errors?
15 Replies
pyplacca
pyplacca4mo ago
Usually “#imports” or “#app” would have what you’d need from your nuxt app
Alejandro Mery
Alejandro Mery4mo ago
I just tried both, no luck 😦 and using ofetch feels dirty
pyplacca
pyplacca4mo ago
It seems neither fetch nor ofetch exports it You can still retrieve the type by doing something like:
type FetchError = ReturnType<typeof useFetch<{}>>[‘error’][‘value’]
type FetchError = ReturnType<typeof useFetch<{}>>[‘error’][‘value’]
replace {} with your data’s type
Alejandro Mery
Alejandro Mery4mo ago
thank you 🙂 would this qualify as a bug to report?
pyplacca
pyplacca4mo ago
Oh no. An improvement, sure ofetch doesn’t export the FetchError, or does it? Oh it does 😅 @L422Y @Alejandro Mery Just FetchError works fine @L422Y Using typeof doesn’t yield what you’d expect @Alejandro Mery, this should be easier (what @L422Y said) https://discord.com/channels/473401852243869706/1224809697689862156/1224827570285973655
Alejandro Mery
Alejandro Mery4mo ago
Thank you @pyplacca @L422Y
Alejandro Mery
Alejandro Mery4mo ago
GitHub
FetchError type · Issue #26628 · nuxt/nuxt
Describe the feature import type { FetchError } from 'ofetch' is generally used to type useFetch() errors, but shouldn't that be exported by #imports or #app? https://discord.com/channe...
pyplacca
pyplacca4mo ago
@Alejandro Mery, you needn't create an issue 😅
Alejandro Mery
Alejandro Mery4mo ago
feature request 😅 in case someone searches for FetchError there
pyplacca
pyplacca4mo ago
import import type { FetchError } from 'ofetch' won't work because it's a class like @L422Y mentioned
Alejandro Mery
Alejandro Mery4mo ago
should I delete it? comment it please 🙂
pyplacca
pyplacca4mo ago
the import statement should've instead been import { FetchError } from 'ofetch'
Alejandro Mery
Alejandro Mery4mo ago
I'll edit the issue after you correct me there :p
pyplacca
pyplacca4mo ago
sure
Alejandro Mery
Alejandro Mery4mo ago
I'll close this now 🙂 thank you both!
Want results from more Discord servers?
Add your server
More Posts
How to import functions in a .vue component from a .js file?import { myfunctions} from "/js/stats.js" doesnt work for me: Error 500 __vite_ssr_import_7__.defauskeleton does not work on dynamic routesguys, can anyone help me? the skeleton is appearing on the main page but on the page where the produhow to generate static HTML pages just for some of the routesI'm trying to generate 4 static HTML pages from a huge list of routes that the app has But I only seUDashboardPanel footer (@nuxt/ui-pro)I'm trying to put a footer on the main (`grow` enabled) panel but I can't get the css right. in the useRuntimeConfig() is returning undefined valuesIn my `.env` file I have something like this: ``` NUXT_PUBLIC_LOGIN_DOMAINS="domain1.com,domain2.co@nuxt/eslint autofix?when using `@nuxt/eslint` instead of the old `@nuxtjs/eslint-module` how does one enable autofix? `Check whether any page has fully mounted from the root App.vueSome of my pages have a ```ts definePageMeta({ hideSidebar: true }) ``` which sets the `hideSidebarGetting error "Component is already mounted" when using "useFetch()" and changing route.I am getting the error in my console: ``` [nuxt] [useFetch] Component is already mounted, please uHelp with postinstall: sh: nuxt: not foundHello, I need help with a concern I have regarding the `postinstall` script that runs `nuxt prepare`Types errors in Storybook and tests after upgrade nuxt to 3.11.0Hello there! I upgrade the nuxt version from 3.9.0 to 3.11.0, but now when I run `npm run tsc` I ge