\r\n \u003C/div>\r\n\u003C/template>\r\n\r\n\u003Cscript setup>\r\nlet event2 = null\r\nevent2.dummy\r\n\u003C/script>\r\n```\r\n\r\nI get the following error.\r\n`Cannot read properties of null (reading 'dummy')`\r\n\r\nconsole works with v3.3.2 but not after v3.3.3.\r\nWhen testing, Vue version is fixed to v3.3.4.\r\n\r\n### Additional context\r\n\r\n\r\n\r\nsimilar issue #20347\r\n\r\n### Logs\r\n\r\n_No response_",[2882,2885,2888,2891],{"name":2883,"color":2884},"workaround available","11376d",{"name":2886,"color":2887},"bug","d73a4a",{"name":2889,"color":2890},"🔨 p3-minor","FBCA04",{"name":2892,"color":2893},"✨ good reproduction","fbca04",22691,"nuxtApp.vueApp.config.errorHandler doesn't work","2024-11-19T16:20:54Z","https://github.com/nuxt/nuxt/issues/22691",0.6609782,{"description":2900,"labels":2901,"number":2904,"owner":2856,"repository":2856,"state":2857,"title":2905,"updated_at":2906,"url":2907,"score":2908},"### Environment\n\n- Operating System: `Linux`\r\n- Node Version: `v16.14.2`\r\n- Nuxt Version: `3.0.0`\r\n- Nitro Version: `1.0.0`\r\n- Package Manager: `npm@7.17.0`\r\n- Builder: `vite`\r\n- User Config: `-`\r\n- Runtime Modules: `-`\r\n- Build Modules: `-`\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-5fsvzz-ervwdk?file=app.vue,pages%2Findex.vue\n\n### Describe the bug\n\n`createError` doesn't work in `asyncData`\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2902,2903],{"name":2866,"color":2867},{"name":2872,"color":2873},15616,"allow triggering global error page from within Options API","2024-06-30T11:09:46Z","https://github.com/nuxt/nuxt/issues/15616",0.6618219,{"description":2910,"labels":2911,"number":2913,"owner":2856,"repository":2856,"state":2914,"title":2915,"updated_at":2916,"url":2917,"score":2918},"### Environment\r\n\r\n- Operating System: Darwin\r\n- Node Version: v22.8.0\r\n- Nuxt Version: 3.13.2\r\n- CLI Version: 3.14.0\r\n- Nitro Version: 2.9.7\r\n- Package Manager: pnpm@9.3.0\r\n- Builder: -\r\n- User Config: -\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n\r\n### Reproduction\r\n\r\nTo reproduce the bug, set up a minimal environment with a NuxtLink that points to a page containing:\r\n`throw createError({ statusCode: 404 });`\r\n\r\nWhen you navigate to this page, no 404 error appears, and in the console, you'll find the following error:\r\n`index.mjs?v=6f706544:78 Uncaught (in promise) H3Error`\r\n\r\nHowever, if you refresh the 404 page, it is displayed correctly. This suggests that the issue occurs only on the client side.\r\n\r\nHere a reproduction (click the link ERROR TRIGGER and check the console):\r\nhttps://stackblitz.com/edit/github-cwjr13?file=app.vue\r\n\r\n### Describe the bug\r\n\r\nOn the client side, if I throw an error, I'm not redirected to the 404 page.\r\nHowever, it works correctly on the server side.\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n```shell-script\r\nindex.mjs?v=ae07b3d2:78 Uncaught (in promise) H3Error\r\n at createError (index.mjs?v=ae07b3d2:78:15)\r\n at createError (error.js?v=ae07b3d2:33:21)\r\n at setup (about.vue:6:7)\r\n at callWithErrorHandling (runtime-core.esm-bundler.js?v=ae07b3d2:197:19)\r\n at setupStatefulComponent (runtime-core.esm-bundler.js?v=ae07b3d2:7864:25)\r\n at setupComponent (runtime-core.esm-bundler.js?v=ae07b3d2:7825:36)\r\n at mountComponent (runtime-core.esm-bundler.js?v=ae07b3d2:5186:7)\r\n at processComponent (runtime-core.esm-bundler.js?v=ae07b3d2:5152:9)\r\n at patch (runtime-core.esm-bundler.js?v=ae07b3d2:4668:11)\r\n```\r\n```\r\n",[2912],{"name":2853,"color":2854},29228,"closed","Uncaught (in promise) H3Error when I `throw createError({ statusCode: 404 })`","2024-09-30T11:28:48Z","https://github.com/nuxt/nuxt/issues/29228",0.60900533,{"description":2920,"labels":2921,"number":2923,"owner":2856,"repository":2856,"state":2914,"title":2924,"updated_at":2925,"url":2926,"score":2927},"### Environment\n\nFollowing stackblitz repro env:\n\nWorking directory: /home/projects/nbwiyxyjmw.github nuxi 13:18:40\nNuxt project info: nuxi 13:18:40\n\n------------------------------\n- Operating System: Linux\n- Node Version: v18.20.3\n- Nuxt Version: 3.15.2\n- CLI Version: 3.20.0\n- Nitro Version: 2.10.4\n- Package Manager: npm@10.2.3\n- Builder: -\n- User Config: compatibilityDate, devtools\n- Runtime Modules: -\n- Build Modules: -\n------------------------------\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-hge4algc?file=pages%2Findex.vue,pages%2Fpage2.vue\n\n1. click `Here's the CSR problem...` link, errors in console, nothing happens \n2. hit `refresh` button in stackblitz preview - proper error page is displayed \n\n### Describe the bug\n\nAs written in the Error handling - `throw CreateError` is a recommended way to stop displaying current page due to problems and show error page instead, source: https://nuxt.com/docs/getting-started/error-handling#createerror\n\nIn SSR mode it works correctly - user is shown with `error.vue` page which can display the details of the erorr\n\nDuring CSR mode the app crushes with Vue warning:\n`[Vue warn]: Unhandled error during execution of setup function ` \nand H3 error\n`Uncaught (in promise) H3Error`\n\n### Additional context\n\nExpected behaviour would be to have the same result on the CSR as is on SSR - an error page with passed details from the `createError` util\n\n### Logs\n\n```shell-script\n\n```",[2922],{"name":2853,"color":2854},30706,"`createError` is crashing app on CSR navigation","2025-01-22T19:57:40Z","https://github.com/nuxt/nuxt/issues/30706",0.6249437,{"description":2929,"labels":2930,"number":2935,"owner":2856,"repository":2856,"state":2914,"title":2936,"updated_at":2937,"url":2938,"score":2939},"### Environment\r\n\r\n- Operating System: Linux\r\n- Node Version: v18.15.0\r\n- Nuxt Version: 3.6.2\r\n- Nitro Version: 2.5.2\r\n- Package Manager: yarn@1.22.19\r\n- Builder: vite\r\n- User Config: typescript, app, modules, nitro, runtimeConfig, css, vue, build, imports, pinia, piniaPersistedstate, i18n, devtools\r\n- Runtime Modules: @pinia/nuxt@0.4.11, @pinia-plugin-persistedstate/nuxt@1.1.1, @nuxtjs/i18n@8.0.0-beta.13, @unocss/nuxt@0.53.5, @vueuse/nuxt@10.2.1, @nuxtjs/device@3.1.0, @nuxt/content@2.7.0\r\n- Build Modules: -\r\n\r\n### Reproduction\r\n\r\n```\r\n// plugins/hook.ts\r\n// code from doc's example\r\nexport default defineNuxtPlugin((nuxtApp) => {\r\n nuxtApp.hook('vue:error', (..._args) => {\r\n console.log('vue:error')\r\n // if (process.client) {\r\n // console.log(..._args)\r\n // }\r\n })\r\n nuxtApp.hook('app:error', (..._args) => {\r\n console.log('app:error')\r\n // if (process.client) {\r\n // console.log(..._args)\r\n // }\r\n })\r\n nuxtApp.vueApp.config.errorHandler = (..._args) => {\r\n console.log('global error handler')\r\n // if (process.client) {\r\n // console.log(..._args)\r\n // }\r\n }\r\n})\r\n```\r\n\r\n```\r\n// server/api/someapi/index.get.ts\r\nexport default defineEventHandler(async (event) => {\r\n const data = getSomeData()\r\n if (!data)\r\n throw createError({statusCode: 404, statusMessage: 'errors.404_notfound'})\r\n})\r\n```\r\n\r\n```\r\nerror message from console:\r\nUncaught (in promise) Error: errors.404_notfound\r\n```\r\n\r\n```\r\n// layout/alert.vue\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n $t('some error messages')\r\n \u003C/div>\r\n\u003C/template>\r\n```\r\n\r\n### Describe the bug\r\n\r\nI want to popup error message when error occurs,\r\nand was hoping nuxt hook would catch all the errors created by createError(),\r\nso I can place popup alert function inside nuxt hook,\r\nbut it doesn't catch anything.\r\n\r\nI have alert function ready for successful / failed api result,\r\njust don't know how I can globally catch errors and handle them.\r\n\r\nI don't want to render a full page of error and let user go back by using clearError,\r\nI just want to simply catch it and show them what's wrong\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2931,2934],{"name":2932,"color":2933},"3.x","29bc7f",{"name":2853,"color":2854},22109,"error hook not catching errors?","2024-01-26T10:52:58Z","https://github.com/nuxt/nuxt/issues/22109",0.63006395,{"description":2941,"labels":2942,"number":2949,"owner":2856,"repository":2856,"state":2914,"title":2950,"updated_at":2951,"url":2952,"score":2953},"### Environment\r\n\r\n- Operating System: `Windows_NT`\r\n- Node Version: `v16.16.0`\r\n- Nuxt Version: `3.0.0-rc.12`\r\n- Nitro Version: `0.6.0`\r\n- Package Manager: `yarn@1.22.10`\r\n- Builder: `vite`\r\n- User Config: `build`, `modules`, `loadingIndicator`, `app`, `css`\r\n- Runtime Modules: `nuxt-windicss@2.5.2`, `@pinia/nuxt@0.4.3`\r\n- Build Modules: `-`\r\n\r\n### Reproduction\r\n\r\nWhen I enter a page directly via the browser e.g: 192.168.1.1/test (it shows me an 404 page error, which is fine). But when I navigate to an existing page (which loads normally) and then click on a button with a internal link like: 192.168.1.1/hello it provides an error. It is unable to create an error.\r\n\r\nhttps://stackblitz.com/edit/github-dk8jtl?file=app.vue\r\n\r\nClick on the two buttons named \"Team\" and \"Contact\". Everything working fine. Click then on \"Error\" button. Please check console for the error message which I provided.\r\n\r\n### Describe the bug\r\n\r\nUncaught (in promise) Error: Page Not Found\r\n at createError (index.mjs?v=f2c40dfc:35:15)\r\n\r\n`const err = new H3Error(input.message ?? input.statusMessage, input.cause ? { cause: input.cause } : void 0);`\r\n\r\n### Additional context\r\n\r\nI generate the error with the following line; `throw createError({ statusCode: 404, statusMessage: 'Page Not Found' })`\r\n\r\n### Logs\r\n\r\n_No response_",[2943,2944,2945,2948],{"name":2932,"color":2933},{"name":2886,"color":2887},{"name":2946,"color":2947},"pages","00DFB5",{"name":2889,"color":2890},15432,"`throw createError` does not show error page on client-side (in development)","2025-02-19T12:24:50Z","https://github.com/nuxt/nuxt/issues/15432",0.6447547,{"description":2955,"labels":2956,"number":2961,"owner":2856,"repository":2856,"state":2914,"title":2962,"updated_at":2963,"url":2964,"score":2965},"### Environment\n\n- Operating System: Linux\r\n- Node Version: v18.14.0\r\n- Nuxt Version: 3.5.3\r\n- Nitro Version: 2.4.1\r\n- Package Manager: yarn@1.22.19\r\n- Builder: vite 11:49:48 AM\r\n- User Config: css, app, build, runtimeConfig, vue, ssr, nitro, routeRules, vite, experimental, devtools\n\n### Reproduction\n\nJust throwing an error with createError in a client plugin\n\n### Describe the bug\n\nTrying to throw a non fatal error I can access in the app with useError(), but it always renders the error.vue component.\r\n\r\n`throw createError({message: 'non fatal error'})`\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2957,2958,2959],{"name":2932,"color":2933},{"name":2853,"color":2854},{"name":2960,"color":2890},"needs reproduction",21725,"createError() always shows full-screen error.vue even without fatal: true","2023-07-12T15:08:43Z","https://github.com/nuxt/nuxt/issues/21725",0.64633507,{"labels":2967,"number":2972,"owner":2856,"repository":2856,"state":2914,"title":2973,"updated_at":2974,"url":2975,"score":2976},[2968,2969],{"name":2853,"color":2854},{"name":2970,"color":2971},"2.x","d4c5f9",6869,"Error page does not work in production mode","2023-01-22T15:34:48Z","https://github.com/nuxt/nuxt/issues/6869",0.6491881,["Reactive",2978],{},["Set"],["ShallowReactive",2981],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$foLuo_hLZFg5syy4YfDYNfuU00jHCC5kBJmKNTKqTf_w":-1},"/nuxt/ui/4237"]