to app.vue\n8. start the project via npm run dev\n9. open created localhost link in browser\n[Minimal reproduction link](https://stackblitz.com/edit/github-dksvnc-l71vra)\n\n### Describe the bug\n\nRunning in development mode (and shortly seems to be an issue for production build also) and opening app in browser leads to error in Vue Router. You can still get it work by redirecting to other path by clicking the link to another page, but the error will return after page refresh which is extremely uncomfartable for local work\n\nSetting ssr: false in nuxt.config.ts solves this issue, but we need ssr: true for the project\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n[Vue Router warn]: uncaught error during route navigation:\nCannot destructure property '__webpack_ids__' of 'data' as it is undefined.\n\n at installChunk (node_modules\\nuxt\\dist\\core\\runtime\\nitro\\renderer.js:525:1)\n at process.processTicksAndRejections (node:internal/process/task_queues:95:5)\n at async Promise.all (index 0)\n at setup (node_modules\\nuxt\\dist\\core\\runtime\\nitro\\renderer.js:525:1)\n at applyPlugin (node_modules\\nuxt\\dist\\core\\runtime\\nitro\\renderer.js:525:1)\n at executePlugin (node_modules\\nuxt\\dist\\core\\runtime\\nitro\\renderer.js:525:1)\n at applyPlugins (node_modules\\nuxt\\dist\\core\\runtime\\nitro\\renderer.js:525:1)\n at createNuxtAppServer (node_modules\\nuxt\\dist\\core\\runtime\\nitro\\renderer.js:525:1)\n at async Object.renderToString (/D:/dev/text-nuxt/node_modules/vue-bundle-renderer/dist/runtime.mjs:173:19)\n```",[1984,1987,1990],{"name":1985,"color":1986},"bug","d73a4a",{"name":1988,"color":1989},"webpack","650C6F",{"name":1991,"color":1992},"❗ p4-important","D93F0B",30165,"nuxt","open","[Vue Router warn]: uncaught error during route navigation when building with webpack","2024-12-17T06:37:23Z","https://github.com/nuxt/nuxt/issues/30165",0.6639212,{"description":2001,"labels":2002,"number":2015,"owner":1994,"repository":1994,"state":2016,"title":2017,"updated_at":2018,"url":2019,"score":2020},"### Environment\n\n------------------------------\r\n- Operating System: Darwin\r\n- Node Version: v18.16.0\r\n- Nuxt Version: 3.4.3\r\n- Nitro Version: 2.3.3\r\n- Package Manager: yarn@1.22.19\r\n- Builder: vite\r\n- User Config: runtimeConfig, css, alias, app, modules, i18n, vite\r\n- Runtime Modules: @nuxtjs/i18n@8.0.0-beta.12\r\n- Build Modules: -\r\n------------------------------\n\n### Reproduction\n\nIm try to lock routing if user is not auth:\r\n\r\nplugin: \r\n\r\n```\r\nasync function checkUser() {\r\n try {\r\n const fs = await useRequest('/v1/cabinet/profile');\r\n console.log(fs)\r\n } catch (error) {\r\n console.log(error)\r\n }\r\n}\r\n\r\nexport default defineNuxtPlugin(async (nuxtApp) => {\r\n const user = useState('user');\r\n // await checkUser();\r\n // if(!user.value) return navigateTo('/auth/sign-in')\r\n \r\n addRouteMiddleware(async (to, from) => {\r\n\r\n try {\r\n if(to.meta.requireAuth && to.meta.requireAuth !== 'guest') {\r\n await checkUser();\r\n if(!user.value) return navigateTo('/auth/sign-in')\r\n } else if(to.meta.requireAuth && to.meta.requireAuth === 'guest') {\r\n await checkUser();\r\n if(user.value) return navigateTo('/')\r\n }\r\n } catch (error) {\r\n\r\n }\r\n })\r\n})\r\n```\r\n\r\npage with user:\r\n```\r\n\u003Ctemplate lang=\"pug\">\r\n.cabinet\r\n .cabinet__box\r\n p 111\r\n\u003C/template>\r\n\r\n\u003Cscript setup>\r\ndefinePageMeta({\r\n requireAuth: 'user',\r\n});\r\n\u003C/script>\r\n```\n\n### Describe the bug\n\nThe problem is that when I go to the page from where the redirect should happen, it does occur, but the layout of the page to which the redirect should happen does not load, and it throws an error:\r\n\r\n```\r\n[Vue warn]: Hydration node mismatch:\r\n- Client vnode: div \r\n- Server rendered DOM: \u003C!--[--> (start of fragment) \r\n at \u003CAuth > \r\n at \u003CLayoutLoader key=\"auth\" name=\"auth\" hasTransition=true > \r\n at \u003CBaseTransition mode=\"default\" appear=false persisted=false ... > \r\n at \u003CTransition name=\"layout\" mode=\"default\" > \r\n at \u003CNuxtLayout> \r\n at \u003CApp key=3 > \r\n at \u003CNuxtRoot>\r\n```\r\n\r\nThe route seems to be blocked, but the layout of the page does not load after the redirect.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2003,2006,2009,2012],{"name":2004,"color":2005},"3.x","29bc7f",{"name":2007,"color":2008},"pending triage","E99695",{"name":2010,"color":2011},"needs reproduction","FBCA04",{"name":2013,"color":2014},"closed-by-bot","ededed",21975,"closed","Nuxt locking router error (Hydration node mismatch:)","2023-08-06T01:48:28Z","https://github.com/nuxt/nuxt/issues/21975",0.65773916,{"description":2022,"labels":2023,"number":2026,"owner":1994,"repository":1994,"state":2016,"title":2027,"updated_at":2028,"url":2029,"score":2030},"### Environment\n\n*package.json*\n```js\n{\n \"name\": \"nuxt-app\",\n \"private\": true,\n \"type\": \"module\",\n \"scripts\": {\n \"build\": \"nuxt build\",\n \"dev\": \"nuxt dev\",\n \"generate\": \"nuxt generate\",\n \"preview\": \"nuxt preview\",\n \"postinstall\": \"nuxt prepare\"\n },\n \"dependencies\": {\n \"@prisma/nuxt\": \"^0.1.2\",\n \"@vueuse/core\": \"^12.0.0\",\n \"@vueuse/nuxt\": \"^12.0.0\",\n \"nuxt\": \"^3.14.1592\",\n \"vue\": \"latest\",\n \"vue-router\": \"latest\"\n },\n \"devDependencies\": {\n \"@nuxt/devtools\": \"npm:@nuxt/devtools-edge@latest\",\n \"@nuxtjs/tailwindcss\": \"^6.12.2\",\n \"@prisma/client\": \"^6.0.1\",\n \"prisma\": \"^6.0.1\"\n }\n}\n\n```\n\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-starter-uquybs?file=nuxt.config.ts,app.vue\n\n### Describe the bug\n\nI have this code that should submit a form but I added `submit.prevent=\"handleSubmit()\"` so this should stop from refreshing.\n\nI tried to reproduce it on stackblitz however everything is working there (including the devtools) but on my local upon clicking create button the page refreshes.\n\n\n\n```html\n\u003Ctemplate>\n\u003Cform @submit.prevent=\"handleSubmit()\" class=\"w-full\">\n\t\u003Cdiv class=\"mb-4\">\n\t\t\u003Cinput\n\t\t\tv-model=\"form.email\"\n\t\t\ttype=\"email\"\n\t\t\tid=\"email\"\n\t\t\tclass=\"w-full p-3 border border-gray-300 rounded mt-1\"\n\t\t\tplaceholder=\"Email address\"\n\t\t/>\n\t\u003C/div>\n\t\u003Cdiv class=\"mb-6\">\n\t\t\u003Cinput\n\t\t\tv-model=\"form.password\"\n\t\t\ttype=\"password\"\n\t\t\tid=\"password\"\n\t\t\tclass=\"w-full p-3 border border-gray-300 rounded mt-1\"\n\t\t\tplaceholder=\"Password\"\n\t\t/>\n\t\u003C/div>\n\t\u003Cdiv class=\"mb-6\">\n\t\t\u003Cinput\n\t\t\tv-model=\"form.confirm_password\"\n\t\t\ttype=\"confirm_password\"\n\t\t\tid=\"confirm_password\"\n\t\t\tclass=\"w-full p-3 border border-gray-300 rounded mt-1\"\n\t\t\tplaceholder=\"Password Confirmation\"\n\t\t/>\n\t\u003C/div>\n\t\u003Cbutton\n\t\ttype=\"submit\"\n\t\tclass=\"w-full bg-blue-600 text-white p-3 rounded hover:bg-blue-700\"\n\t>\n\t\tCreate\n\t\u003C/button>\n\u003C/form>\n\u003C/template>\n\u003Cscript setup>\nconst handleSubmit = async () => {\n\t\n\tif (form.value.password !== form.value.confirm_password) {\n\t\tconsole.log(\"Passwords do not match\");\n\t\talert(\"Passwords do not match\");\n\t\treturn;\n\t}\n\n\tconsole.log(form.value);\n};\n...\n```\n\nhttps://github.com/user-attachments/assets/18ea3431-cadb-4613-a2a3-4703755f2f91\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2024,2025],{"name":2007,"color":2008},{"name":2010,"color":2011},30185,"Page refresh bug","2025-02-03T14:25:51Z","https://github.com/nuxt/nuxt/issues/30185",0.6577925,{"labels":2032,"number":2040,"owner":1994,"repository":1994,"state":2016,"title":2041,"updated_at":2042,"url":2043,"score":2044},[2033,2036,2037],{"name":2034,"color":2035},"stale","ffffff",{"name":2007,"color":2008},{"name":2038,"color":2039},"2.x","d4c5f9",8285," Content-Security-Policy设置,导致无法使用vue的指令","2023-01-22T15:38:17Z","https://github.com/nuxt/nuxt/issues/8285",0.66104037,{"description":2046,"labels":2047,"number":2058,"owner":1994,"repository":1994,"state":2016,"title":2059,"updated_at":2060,"url":2061,"score":2062},"### Environment\r\n\r\n------------------------------\r\n- Operating System: Windows_NT\r\n- Node Version: v18.16.0\r\n- Nuxt Version: 3.5.2\r\n- Nitro Version: 2.4.1\r\n- Package Manager: npm@9.6.5\r\n- Builder: vite\r\n- User Config: modules, app, i18n\r\n- Runtime Modules: @nuxtjs/tailwindcss@6.7.0, @nuxtjs/i18n@8.0.0-beta.12\r\n- Build Modules: -\r\n------------------------------\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/github-ogevja\r\n\r\nYou will see that the style breaks and the error is prompted, rendering the entire page broken.\r\n\r\n### Describe the bug\r\nThis error revolves around vite's core functionality when dealing with styles, using __vite__updateStyle to force apply styles as inline styles (at least as it seems from the error logs), regardless of how it is handled in the actual application. This, combined with the lack of `unsafe-inline` in `style-src` (or `default-src`), causes the CSP to trigger and the style to not load, resulting in the entire application being broken, essentially getting rid of the CSP's functionality (due to the only option of it working being with `unsafe-inline`).\r\n\r\n### Additional context\r\n\r\nIt would be nice if vite's behavior could be changed to at the very least respect and treat styles in files accordingly and not default to stringifying them, but a more appropriate solution to entirely mitigate this CSP conflict would be to just not apply it inline on vite's part. However, if none of these options are reasonable, style elements outside of the template should have a nuxt-internal nonce/hash to allow them through the CSP.\r\n\r\n\r\nWhen clicking on the problematic line it brings up the `__vite__updateStyle(__vite__id, __vite__css)` line (line 4)\r\n### Logs\r\n\r\n```shell-script\r\nToo many to paste here, going to the reproduction will spam the console with logs\r\n```\r\n",[2048,2049,2052,2055],{"name":2004,"color":2005},{"name":2050,"color":2051},"vite","3574D1",{"name":2053,"color":2054},"upstream","E8A36D",{"name":2056,"color":2057},"inline styles","68AF97",21268,"Nuxt forces inline application of styles, conflicts with CSP","2024-05-16T11:05:04Z","https://github.com/nuxt/nuxt/issues/21268",0.6612399,{"description":2064,"labels":2065,"number":2068,"owner":1994,"repository":1994,"state":2016,"title":2069,"updated_at":2070,"url":2071,"score":2072},"### Environment\n\n- Operating System: `Windows_NT`\r\n- Node Version: `v16.19.0`\r\n- Nuxt Version: `3.3.3`\r\n- Nitro Version: `2.3.2`\r\n- Package Manager: `npm@8.19.3`\r\n- Builder: `vite`\r\n- User Config: `runtimeConfig`, `imports`, `vite`, `postcss`, `modules`, `ssr`, `app`\r\n- Runtime Modules: `@pinia/nuxt@0.4.8`, `@element-plus/nuxt@1.0.4`\r\n- Build Modules: `-`\r\n\n\n### Reproduction\n\ncan not provide\n\n### Describe the bug\n\nNuxt configures ssr to true, and then uses the project generated by nuxi generate. After the first screen is loaded, it is normal to navigate to the second-level or third-level page through routing. If you refresh the browser page, this time will cause Vue in the single-file component. The template template structure is inconsistent (the top-level class of the template in the component is inexplicably gone, and then the css variables and styles defined by other pages appear.).\r\nMay I ask how this is caused? How to solve it effectively?\r\nCurrently, client-only is used for all pages in app.vue to display normally.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2066,2067],{"name":2004,"color":2005},{"name":2007,"color":2008},20462,"Using the project generated by nuxi generate to refresh the template structure error problem twice","2023-04-25T05:49:03Z","https://github.com/nuxt/nuxt/issues/20462",0.66238815,{"labels":2074,"number":2078,"owner":1994,"repository":1994,"state":2016,"title":2079,"updated_at":2080,"url":2081,"score":2082},[2075,2076,2077],{"name":2034,"color":2035},{"name":2007,"color":2008},{"name":2038,"color":2039},5921,"Problems with hard refresh in mode: universal with `nuxt generate`","2023-01-22T15:33:07Z","https://github.com/nuxt/nuxt/issues/5921",0.6624747,{"description":2084,"labels":2085,"number":2088,"owner":1994,"repository":1994,"state":2016,"title":2089,"updated_at":2090,"url":2091,"score":2092},"\u003C!-- 💚 Thanks for your time to make Nuxt better with your feedbacks 💚\r\n\r\n**IMPORTANT** Before reporting a bug:\r\n\r\n- Please make sure that you have read through Nuxt documentation: https://nuxtjs.org\r\n- If issue is related to a module please create the issue in corresponding repository\r\n- Ensure using latest version of nuxt dependencies using `yarn upgrade nuxt` or `npm upgrade nuxt`\r\n\r\n👍 A properly detailed bug report can save a LOT of time and help fixing issues as soon as possible.\r\n-->\r\n\r\n### Versions\r\n\r\n- nuxt: 2.15.4\r\n- node: 14.16.1\r\n\r\n### Reproduction\r\n\r\n\u003C!--\r\nLink to a minimal test case based on one of:\r\n- A fork of https://template.nuxtjs.org\r\n- A GitHub repository that can reproduce the bug\r\nWithout a reproduction, it is so hard to address problem :(\r\n-->\r\n\r\n~~[stieben/nuxt-csp-bug-poc](https://github.com/stieben/nuxt-csp-bug-poc)~~ (now deleted)\r\n\r\n### Steps to reproduce\r\n\r\n1. `yarn create nuxt-app nuxt-csp-bug-poc`\r\n \r\n \u003Cdetails>\r\n \u003Csummary>Additional Details\u003C/summary>\r\n ? Project name: nuxt-csp-bug-poc\u003Cbr>\r\n ? Programming language: JavaScript\u003Cbr>\r\n ? Package manager: Yarn\u003Cbr>\r\n ? UI framework: None\u003Cbr>\r\n ? Nuxt.js modules: None\u003Cbr>\r\n ? Linting tools: None\u003Cbr>\r\n ? Testing framework: None\u003Cbr>\r\n ? Rendering mode: Universal (SSR / SSG)\u003Cbr>\r\n ? Deployment target: Server (Node.js hosting)\u003Cbr>\r\n ? Development tools: None\u003Cbr>\r\n ? What is your GitHub username? stieben\u003Cbr>\r\n ? Version control system: Git\r\n \u003C/details>\r\n\r\n2. `cd nuxt-csp-bug-poc`\r\n3. Set `render.csp` to `true` (as per [Nuxt Documentation](https://nuxtjs.org/docs/2.x/configuration-glossary/configuration-render#csp))\r\n4. `yarn build`\r\n5. `yarn start`\r\n\r\n### What is Expected?\r\n\r\nHydration and a working Vue app, with the security of a CSP.\r\n\r\n### What is actually happening?\r\n\r\n- Vue inactive\r\n- 2 console errors:\r\n - `Content Security Policy: The page’s settings blocked the loading of a resource at eval (“script-src”)`\r\n - `Content Security Policy: The page’s settings blocked the loading of a resource at eval (“script-src”)`",[2086,2087],{"name":2007,"color":2008},{"name":2038,"color":2039},9182,"Basic CSP setup broken","2023-01-22T15:44:51Z","https://github.com/nuxt/nuxt/issues/9182",0.66259396,{"labels":2094,"number":2098,"owner":1994,"repository":1994,"state":2016,"title":2099,"updated_at":2042,"url":2100,"score":2101},[2095,2096,2097],{"name":2034,"color":2035},{"name":2007,"color":2008},{"name":2038,"color":2039},8279," Content-Security-Policy设置丢失baseURL的问题","https://github.com/nuxt/nuxt/issues/8279",0.66452485,{"description":2103,"labels":2104,"number":2108,"owner":1994,"repository":1994,"state":2016,"title":2109,"updated_at":2110,"url":2111,"score":2112},"### Environment\r\n\r\nNuxt project info: 6:55:53 PM\r\n\r\n------------------------------\r\n- Operating System: Windows_NT\r\n- Node Version: v18.17.1\r\n- Nuxt Version: 3.7.4\r\n- CLI Version: 3.9.0\r\n- Nitro Version: 2.6.3\r\n- Package Manager: npm@9.6.7\r\n- Builder: -\r\n- User Config: app, css, devtools, modules, runtimeConfig, plugins, vite, routeRules, pinia, imports\r\n- Runtime Modules: @nuxtjs/tailwindcss@6.8.0, @vite-pwa/nuxt@0.1.1, nuxt-typed-router@3.3.1, @nuxtjs/robots@3.0.0, @nuxtjs/color-mode@3.3.0, nuxt-lodash@2.5.0, nuxt-swiper@1.2.2, (), nuxt-laravel-precognition@0.0.7, @morev/vue-transitions/nuxt@2.3.6, @nuxtjs/i18n@8.0.0-rc.5, nuxt-headlessui@1.1.4, @nuxt/image@1.0.0-rc.3, @pinia/nuxt@0.4.11\r\n- Build Modules: -\r\n------------------------------\r\n\r\n### Reproduction\r\n\r\nneed to explain what is this error\r\n\r\n### Describe the bug\r\n\r\n\r\nwhen routing in any pages this error showing but i routing with nuxt-link with static pages and modules not used in this project please help.\r\n\r\nthx\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2105,2106,2107],{"name":2004,"color":2005},{"name":2007,"color":2008},{"name":2010,"color":2011},23556,"route to pages problem","2024-01-02T21:24:49Z","https://github.com/nuxt/nuxt/issues/23556",0.6651769,["Reactive",2114],{},["Set"],["ShallowReactive",2117],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"dywbQcvYVJxMCtrLDOSkPSfesJ1ATuzX0SVznHIqXuk":-1},"/nuxt/nuxt/21052"]