\n\u003C!-- OR -->\n\u003CIcon name=\"my-icon:a\" v-if=\"flag\" />\n\u003CIcon name=\"my-icon:b\" v-else />\n```\nin `nuxt.config.ts`\n```ts\nicon: {\n provider: 'server',\n customCollections: [\n {\n prefix: 'my-icon',\n dir: './assets/icon/svg',\n },\n ],\n},\n// ...\nnitro: {\n preset: 'static',\n},\n```\n\nIf toggle value of `flag`, \neverything works well in development, \nbut it throws 404 error for `my-icon:b` after building and generating.\n(it works well with `v-show`) \n\nProject info:\n```\n------------------------------\n- Operating System: Windows_NT\n- Node Version: v22.8.0\n- Nuxt Version: 3.16.0\n- CLI Version: 3.23.0\n- Nitro Version: 2.11.6\n- Package Manager: pnpm@9.9.0\n- Builder: -\n- User Config: modules, icon, colorMode, shadcn, fonts, googleSignIn, app, imports, css, vite, nitro, compatibilityDate, telemetry\n- Runtime Modules: @nuxtjs/tailwindcss@6.13.2, @nuxt/icon@1.11.0, @nuxt/fonts@0.11.0, @nuxt/image@1.9.0, @nuxt/eslint@1.2.0, @pinia/nuxt@0.10.1, pinia-plugin-persistedstate/nuxt@4.2.0, @nuxt/test-utils/module@3.17.2, @nuxtjs/color-mode@3.5.2, shadcn-nuxt@1.0.3, @vueuse/nuxt@13.0.0, nuxt-vue3-google-signin@0.0.11\n- Build Modules: -\n------------------------------\n```\n",[],380,"icon","Local icon 404 after `nuxi generating` if with `:name=\"flag?'my-icon:icon-a':'my-icon:icon-b'\"`","2025-03-26T15:31:52Z","https://github.com/nuxt/icon/issues/380",0.66255593,{"labels":2872,"number":2882,"owner":2856,"repository":2856,"state":2883,"title":2884,"updated_at":2885,"url":2886,"score":2887},[2873,2876,2879],{"name":2874,"color":2875},"3.x","29bc7f",{"name":2877,"color":2878},"bug","d73a4a",{"name":2880,"color":2881},"🍰 p2-nice-to-have","0E8A16",13278,"closed","tailwind triggers `nuxt.config` import protection","2023-01-19T16:50:53Z","https://github.com/nuxt/nuxt/issues/13278",0.6414695,{"labels":2889,"number":2895,"owner":2856,"repository":2856,"state":2883,"title":2896,"updated_at":2897,"url":2898,"score":2899},[2890,2891,2892],{"name":2874,"color":2875},{"name":2877,"color":2878},{"name":2893,"color":2894},"❗ p4-important","D93F0B",13281,"regression with import protection - This module cannot be imported in the Vue part of your app","2023-01-19T16:50:25Z","https://github.com/nuxt/nuxt/issues/13281",0.6443297,{"description":2901,"labels":2902,"number":2904,"owner":2856,"repository":2905,"state":2883,"title":2906,"updated_at":2907,"url":2908,"score":2909},"### Environment\r\n\r\n- Operating System: `Linux`\r\n- Node Version: `v16.14.2`\r\n- Nuxt Version: `3.0.0-rc.8`\r\n- Package Manager: `npm@7.17.0`\r\n- Builder: `vite`\r\n- User Config: `modules`\r\n- Runtime Modules: `vite-plugin-vue-type-imports/nuxt`\r\n- Build Modules: `-`\r\n\r\n### Reproduction\r\n\r\n#### How to recreate\r\n\r\nFor every link:\r\n\r\n1. Open a link.\r\n2. Wait for a development server is start and the Nuxt Welcome page is loaded.\r\n4. Press \u003Ckbd>Ctrl\u003C/kbd> + \u003Ckbd>C\u003C/kbd> in Terminal.\r\n5. Run `npm test`.\r\n\r\n#### Broken\r\n\r\nhttps://stackblitz.com/edit/github-owtwqh-82agcd?file=nuxt.config.ts,modules%2Fvite-plugin-vue-type-imports.ts,app.vue\r\n\r\n##### Load a bundled Nuxt module from the `node_modules` directory\r\n\r\n```ts\r\nexport default defineNuxtConfig({\r\n modules: [\r\n 'vite-plugin-vue-type-imports/nuxt',\r\n ],\r\n});\r\n```\r\n\r\n#### Working\r\n\r\nhttps://stackblitz.com/edit/github-owtwqh-dyj8f8?file=nuxt.config.ts,modules%2Fvite-plugin-vue-type-imports.ts,app.vue\r\n\r\n##### Load a local Nuxt module from the `modules/` directory\r\n\r\n```ts\r\nexport default defineNuxtConfig({\r\n modules: [\r\n '~/modules/vite-plugin-vue-type-imports.ts',\r\n ],\r\n});\r\n```\r\n\r\n### Describe the bug\r\n\r\nThe `vite-plugin-vue-type-imports/nuxt` module added in `nuxt.config.ts` is:\r\n\r\n* works when loaded via `npm run dev`;\r\n* broken if loaded via `npm test` (`nuxt test` or `vitest` with `@nuxt/test-utils-edge`).\r\n\r\n### Additional context\r\n\r\nThe [same Nuxt module code](https://github.com/wheatjs/vite-plugin-vue-type-imports/blob/370fcea9c7a09a0961bdf6e29b0795963034eb1e/src/nuxt.ts) is works with `npm test` if copy-pasted and loaded as a local plugin from the `modules/` directory.\r\n\r\n### Logs\r\n\r\n```shell\r\nERROR TypeError: Invalid URL 22:18:50\r\n\r\n ❯ TypeError.get https:/github-owtwqh-82agcd.w.staticblitz.com/blitz.df64f655701fde45529fa8e152b3842072335b47.js:6:292488\r\n 22:18:50\r\n⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯\r\nSerialized Error: { 22:18:50\r\n \"code\": \"ERR_INVALID_URL\",\r\n \"input\": \"//\",\r\n}\r\n```\r\n",[2903],{"name":2877,"color":2878},345,"test-utils","Vitest with `@nuxt/test-utils-edge` breaks imported `vite-plugin-vue-type-imports/nuxt` module, but works if same module code is recreated locally","2023-12-02T00:33:10Z","https://github.com/nuxt/test-utils/issues/345",0.6503138,{"description":2901,"labels":2911,"number":2912,"owner":2856,"repository":2905,"state":2883,"title":2906,"updated_at":2913,"url":2914,"score":2915},[],429,"2023-12-02T00:13:09Z","https://github.com/nuxt/test-utils/issues/429",0.6512991,{"description":2917,"labels":2918,"number":2921,"owner":2856,"repository":2856,"state":2883,"title":2922,"updated_at":2923,"url":2924,"score":2925},"### Environment\n\n- Operating System: `Darwin`\r\n- Node Version: `v18.11.0`\r\n- Nuxt Version: `3.0.0-rc.12`\r\n- Nitro Version: `0.6.0`\r\n- Package Manager: `npm@8.19.2`\r\n- Builder: `vite`\r\n- User Config: `css`, `components`, `experimental`, `runtimeConfig`, `modules`, `basic`, `colorMode`, `tailwindcss`, `build`, `vue`, `vite`, `app`, `nitro`\r\n- Runtime Modules: `nuxt-basic-auth-module@1.4.1`, `@nuxtjs/tailwindcss@6.1.2`, `@pinia/nuxt@0.4.2`, `@vueuse/nuxt@9.3.0`, `@nuxtjs/color-mode@3.1.6`\r\n- Build Modules: `-`\r\n\n\n### Reproduction\n\nRun a nuxt3 app using nitro with the following in your nuxt.config.ts:\r\n\r\n`import { defineNitroConfig } from 'nitropack';`\r\n\r\nand within the defineNuxtConifg:\r\n\r\n`nitro: defineNitroConfig({\r\n\t\trollupConfig: {\r\n\t\t\texternal: ['bufferutil', 'utf-8-validate'],\r\n\t\t\tcontext: 'this'\r\n\t\t}\r\n\t})`\n\n### Describe the bug\n\nWhen the dev server is started, the following error is printed in the console:\r\n\r\n`ERROR This module cannot be imported in the Vue part of your app. [importing nitropack from nuxt.config.ts]`\r\n\r\nThis doesn't prevent the server from running and it doesn't appear to break anything, but it does show up as an error.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell\nNuxi 3.0.0-rc.12 10:39:24\r\nNuxt 3.0.0-rc.12 with Nitro 0.6.0 10:39:24\r\n 10:39:24\r\n > Local: http://localhost:3000/ \r\n > Network: http://192.168.50.239:3000/\r\n > *Redacted IPV6 addresses from this list*\r\n\r\nℹ Enabled flag is false. Skip registration of authentication server. 10:39:24\r\nℹ Using default Tailwind CSS file from runtime/tailwind.css nuxt:tailwindcss 10:39:25\r\nℹ Tailwind Viewer: http://[::]:3000/_tailwind/ nuxt:tailwindcss 10:39:25\r\n\r\n WARN Components directory not found: /Users/kylewright/Desktop/Cosmic/Vanillo/vanillo-frontend/components/profile 10:39:25\r\n\r\n\r\n WARN [@vue/reactivity-transform] Reactivity transform is an experimental feature. 10:39:25\r\nExperimental features may change behavior between patch versions.\r\nIt is recommended to pin your vue dependencies to exact versions to avoid breakage.\r\nYou can follow the proposal's status at https://github.com/vuejs/rfcs/discussions/369.\r\n\r\n\r\n\r\n ERROR This module cannot be imported in the Vue part of your app. [importing nitropack from nuxt.config.ts] 10:39:32\r\n\r\nℹ Vite client warmed up in 8508ms 10:39:34\r\n✔ Nitro built in 2006 ms\n```\n",[2919,2920],{"name":2874,"color":2875},{"name":2853,"color":2854},15307,"Nitropack import in nuxt.config.ts gives error on dev server start","2023-01-19T17:48:00Z","https://github.com/nuxt/nuxt/issues/15307",0.65259206,{"description":2927,"labels":2928,"number":2931,"owner":2856,"repository":2856,"state":2883,"title":2932,"updated_at":2933,"url":2934,"score":2935},"### Environment\n\nUsed Stackblitz for minimal demo: https://stackblitz.com/github/nuxt/starter/tree/v3?file=app.vue\r\n\r\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v18.20.3\r\n- Nuxt Version: 3.11.2\r\n- CLI Version: 3.11.1\r\n- Nitro Version: 2.9.6\r\n- Package Manager: npm@10.2.3\r\n- Builder: -\r\n- User Config: devtools\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\n\n### Reproduction\n\nI went to https://stackblitz.com/github/nuxt/starter/tree/v3?file=app.vue and pasted the following in the app.vue.\r\n\r\n```\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n \u003Cinput type=\"checkbox\" id=\"checkbox\" v-model=\"checked\" />\r\n \u003Clabel for=\"checkbox\">{{ checked }}\u003C/label>\r\n \u003C/div>\r\n\u003C/template>\r\n\r\n\u003Cscript setup lang=\"ts\" >\r\n\r\nimport { useLogger } from '@nuxt/kit';\r\nconst { debug } = useLogger();\r\ndebug(\"Bla\");\r\n\r\nconst checked = ref(true);\r\n\r\n\u003C/script>```\n\n### Describe the bug\n\nI have a bigger project and since yesterday I have a lot of problems with the `useLogger` of @nuxt/kit.\r\nI tried to create a more minimal version for reproduction. See above.\r\n\r\nThere is a simple checkbox with a simple label that should change whether is it checked or not (true/false).\r\nAs soon as I add the useLogger import I get the following errror:\r\n`ERROR This module cannot be imported in the Vue part of your app. [importing @nuxt/kit from app.vue]`\r\n\r\nand the checkbox binding no longer works.\r\nComment the three lines, reload and the checkbox binding works again.\r\n\r\n\n\n### Additional context\n\nIn my larger project I get the following:\r\nyarn dev\r\nyarn run v1.22.21\r\n$ nuxt dev\r\nNuxt 3.11.2 with Nitro 2.9.6 \r\n ➜ Local: http://localhost:3000/\r\n ➜ Network: use --host to expose\r\n\r\n ➜ DevTools: press Shift + Option + D in the browser (v1.3.2) \r\n ERROR This module cannot be imported in the Vue part of your app. [importing @nuxt/kit from src/pages/[uuid].vue] \r\n ERROR This module cannot be imported in server runtime. [importing @nuxt/kit from src/server/api/details/[uuid].ts] \r\nℹ Vite server warmed up in 2396ms \r\n ERROR This module cannot be imported in server runtime. [importing node_modules/@nuxt/kit/dist/index.mjs from src/server/routes/[uuid]/result.ts]\r\n\r\n✔ Nuxt Nitro server built in 1414 ms nitro\r\n\r\n ERROR [worker reload] [worker init] The requested module 'file:///Users/wdittmer/xxx/frontend/node_modules/unenv/runtime/mock/proxy.cjs' does not provide an export named 'useLogger' \r\n\r\n import { useLogger as useLogger$1 } from 'node_modules/unenv/runtime/mock/proxy.cjs';\r\n ^^^^^^^^^\r\n SyntaxError: The requested module 'node_modules/unenv/runtime/mock/proxy.cjs' does not provide an export named 'useLogger'\r\n at ModuleJob._instantiate (node:internal/modules/esm/module_job:123:21)\r\n at async ModuleJob.run (node:internal/modules/esm/module_job:191:5)\r\n at async ModuleLoader.import (node:internal/modules/esm/loader:336:24)\r\n at async loadESM (node:internal/process/esm_loader:34:7)\r\n at async handleMainPromise (node:internal/modules/run_main:106:12)\r\n \r\n \r\n \r\n Env:\r\n ------------------------------\r\n- Operating System: Darwin\r\n- Node Version: v18.19.1\r\n- Nuxt Version: 3.11.2\r\n- CLI Version: 3.11.1\r\n- Nitro Version: 2.9.6\r\n- Package Manager: yarn@1.22.21\r\n- Builder: -\r\n- User Config: experimental, srcDir, ignore, css, app, runtimeConfig, build, modules, security, vite\r\n- Runtime Modules: nuxt-security@0.14.4\r\n- Build Modules: -\r\n------------------------------\n\n### Logs\n\n```shell-script\nERROR This module cannot be imported in the Vue part of your app. [importing @nuxt/kit from app.vue]\n```\n",[2929,2930],{"name":2874,"color":2875},{"name":2853,"color":2854},27408,"This module cannot be imported in the Vue part of your app. [importing @nuxt/kit from app.vue] causing page to not work","2024-06-03T17:32:32Z","https://github.com/nuxt/nuxt/issues/27408",0.6545094,{"description":2937,"labels":2938,"number":2946,"owner":2856,"repository":2856,"state":2883,"title":2947,"updated_at":2948,"url":2949,"score":2950},"### Environment\n\nRootDir: /Users/dev02/dev/temporario/app-nuxt-3\r\n------------------------------\r\n- Operating System: `Darwin`\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: `yarn@1.22.10`\r\n- Builder: `vite`\r\n- User Config: `ssr`, `app`, `css`, `windicss`, `build`, `modules`, `experimental`, `components`, `vite`, `runtimeConfig`, `intlify`, `vueuse`, `content`\r\n- Runtime Modules: `@intlify/nuxt3@0.2.4`, `@pinia/nuxt@0.4.6`, `@nuxt/content@2.2.2`, `@vueuse/nuxt@9.6.0`, `nuxt-windicss@2.5.5`, `nuxt-icon@0.1.8`\r\n- Build Modules: `-`\r\n------------------------------\n\n### Reproduction\n\n// app-nuxt-3/test/hoje.test.js\r\n\r\nimport { fileURLToPath } from 'node:url'\r\nimport { describe, expect, it } from 'vitest'\r\nimport { isWindows } from 'std-env'\r\nimport { setup, fetch, $fetch, startServer, createPage, url } from '@nuxt/test-utils'\r\n\r\nawait setup({\r\n rootDir: fileURLToPath(new URL('../../app-nuxt-3', import.meta.url)),\r\n server: true,\r\n browser: false,\r\n setupTimeout: (isWindows ? 240 : 120) * 1000\r\n})\r\n\r\ndescribe('pages', () => {\r\n it('render index', async () => {\r\n const html = await $fetch('/')\r\n expect(html).toContain('Fundação de Esportes DEV')\r\n })\r\n\r\n\r\n\n\n### Describe the bug\n\nHere are the links to the documentation and the example I took to make mine.\r\nhttps://nuxt.com/docs/getting-started/testing\r\nhttps://github.com/nuxt/framework/tree/main/test\r\n\r\nThe issue I'm having is the app is telling me the Url must be from the schema file. I'm in doubt if the Url is wrong when pointing to the application or if the scheme he wants to say is something else. I can't find any examples on the internet that help me.\r\nNote: Remembering that I configured Vitest and use it normally, including together with Pinia. The real problem is when I started testing the Nuxt components themselves. I haven't even started yet.\r\n\r\nError picture:\r\n\r\n\u003Cimg width=\"643\" alt=\"Captura de Tela 2023-01-09 às 10 42 12\" src=\"https://user-images.githubusercontent.com/83841469/211322216-b68c08fa-1f02-4793-9a03-bd8e275439c1.png\">\r\n\n\n### Additional context\n\nIt's my first time writing a bug (I've always been able to solve it by searching), so forgive me if it's not good enough.\n\n### Logs\n\n_No response_",[2939,2940,2943],{"name":2874,"color":2875},{"name":2941,"color":2942},"needs reproduction","FBCA04",{"name":2944,"color":2945},"⛔️ can be closed","484893",12368,"Problem starting @nuxt/test-utils with URL","2023-02-07T07:10:45Z","https://github.com/nuxt/nuxt/issues/12368",0.65528977,{"description":2952,"labels":2953,"number":2956,"owner":2856,"repository":2856,"state":2883,"title":2957,"updated_at":2958,"url":2959,"score":2960},"Is the new project unable to run now?\r\n\r\n···\r\n{\r\n \"name\": \"nuxt-app\",\r\n \"private\": true,\r\n \"type\": \"module\",\r\n \"scripts\": {\r\n \"build\": \"nuxt build\",\r\n \"dev\": \"nuxt dev\",\r\n \"generate\": \"nuxt generate\",\r\n \"preview\": \"nuxt preview\",\r\n \"postinstall\": \"nuxt prepare\"\r\n },\r\n \"dependencies\": {\r\n \"nuxt\": \"^3.13.0\",\r\n \"vue\": \"latest\",\r\n \"vue-router\": \"latest\"\r\n },\r\n \"packageManager\": \"yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e\"\r\n}\r\n\r\n···\r\n\r\n\r\n```\r\n/usr/local/bin/npm run dev\r\n\r\n> dev\r\n> nuxt dev\r\n\r\n(node:72851) Warning: To load an ES module, set \"type\": \"module\" in the package.json or use the .mjs extension.\r\n(Use `node --trace-warnings ...` to show where the warning was created)\r\n/Users/xuzhibin/Desktop/Project/testNuxt3/node_modules/.bin/nuxt:2\r\nimport 'nuxi/cli'\r\n^^^^^^\r\n\r\nSyntaxError: Cannot use import statement outside a module\r\n at wrapSafe (node:internal/modules/cjs/loader:1378:20)\r\n at Module._compile (node:internal/modules/cjs/loader:1428:41)\r\n at Module._extensions..js (node:internal/modules/cjs/loader:1548:10)\r\n at Module.load (node:internal/modules/cjs/loader:1288:32)\r\n at Module._load (node:internal/modules/cjs/loader:1104:12)\r\n at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:174:12)\r\n at node:internal/main/run_main_module:28:49\r\n\r\nNode.js v20.17.0\r\n\r\n```",[2954,2955],{"name":2853,"color":2854},{"name":2941,"color":2942},28916,"Is the new project unable to run now?","2024-09-11T15:21:18Z","https://github.com/nuxt/nuxt/issues/28916",0.6565832,["Reactive",2962],{},["Set"],["ShallowReactive",2965],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$faaz0UzVLutk1I6uZPfapPJZYBD5ytZAxR-mw1VAh36k":-1},"/nuxt/test-utils/747"]