\n\nFrom what I understand, according to the error logged, the issue is caused by the resulting css tree having nested `@source` declarations.\n\n### Additional context\n\nI'm working on migrating an existing website that was built using Bootstrap (lol) and I'd like to use layers to ensure the newer css gets a higher priority than the old one.\n\nUsing `@import \"tailwindcss\" layer(tailwindcss);` results in all the tailwind stuff being scoped to the `tailwindcss` layer (eg. `tailwindcss.theme`, `tailwindcss.base`…).\n\nHowever, when I try to do the same for `@import \"@nuxt/ui\"` I get the previously mentioned error.\n\nI've tried using both the same and a different layer name than the one I use for tailwind but I still get the error.\n\n### Logs\n\n```shell-script\nERROR Pre-transform error: @source cannot be nested. 12:42:31 PM\n Plugin: @tailwindcss/vite:generate:serve\n File: /project/workspace/app/assets/css/main.css\n```",[3018,3021,3024],{"name":3019,"color":3020},"bug","d73a4a",{"name":3022,"color":3023},"v3","49DCB8",{"name":3025,"color":3026},"triage","ffffff",4503,"nuxt","ui","open","`@import \"@nuxt/ui\" layer(layer-name);` not working","2025-07-11T13:35:06Z","https://github.com/nuxt/ui/issues/4503",0.6655207,{"description":3036,"labels":3037,"number":3047,"owner":3028,"repository":3028,"state":3048,"title":3049,"updated_at":3050,"url":3051,"score":3052},"### Environment\n\n- Operating System: `Linux`\r\n- Node Version: `v18.12.1`\r\n- Nuxt Version: `3.0.0`\r\n- Nitro Version: `1.0.0`\r\n- Package Manager: `npm@8.19.2`\r\n- Builder: `vite`\r\n- User Config: `srcDir`, `modules`, `compilerOptions`, `vite`, `schemaOrg`, `telemetry`, `algolia`, `head`, `auth`, `viewport`, `build`, `runtimeConfig`\r\n- Runtime Modules: `genesis-design-system/nuxt`, `@nuxtjs/tailwindcss@6.1.3`, `@nuxtjs/algolia@1.2.0`, `@nuxtjs-alt/auth@2.1.5`, `@nuxtjs-alt/http@1.5.0`, `nuxt-viewport@2.0.3`, `@nuxtjs/partytown@1.2.2`, `@vueuse/nuxt@9.6.0`, `@nuxtjs/i18n-edge@8.0.0-beta.4-27812700.b832f07`, `nuxt-schema-org@1.1.0-beta.6`, `@pinia/nuxt@0.4.5`, `@nuxtjs/i18n@8.0.0-beta.4`\r\n- Build Modules: `-`\r\n\n\n### Reproduction\n\nStoryBook/nuxt.js\r\n\r\n`import { defineNuxtModule } from '@nuxt/kit'\r\nimport { fileURLToPath } from 'node:url'\r\n\r\nexport default defineNuxtModule({\r\n meta: {\r\n name: '@business/storybook',\r\n compatibility: {\r\n nuxt: '^3.0.0'\r\n }\r\n },\r\n hooks: {\r\n 'components:dirs'(dirs) {\r\n // Add ./components dir to the list\r\n dirs.push({\r\n path: fileURLToPath(new URL('./src/components', import.meta.url)),\r\n prefix: ''\r\n })\r\n }\r\n },\r\n setup (options, nuxt) {\r\n nuxt.options.css.push('./src/styles/main.css')\r\n }\r\n})`\r\n\r\n\r\n\r\n\r\nERROR when we runs the server\r\n\r\n\r\n\r\n\n\n### Describe the bug\n\nWe are implementing a StoryBook to our nuxt 3 Stable project.\r\n\r\nWhen we start the project, referring to the StoryBook throws an error.\r\n\r\nHowever, the definition of the StoryBook module is correct in principle, following the documentation at https://nuxt.com/docs/guide/going-further/modules\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell\n4\r\n[nuxt] [request error] [unhandled] [500] [vite-node] Failed to load /src/styles\r\n at ViteNodeRunner.directRequest (./node_modules/vite-node/dist/client.mjs:198:13) \r\n at process.processTicksAndRejections (node:internal/process/task_queues:95:5) \r\n at async ViteNodeRunner.cachedRequest (./node_modules/vite-node/dist/client.mjs:146:12) \r\n at async request (./node_modules/vite-node/dist/client.mjs:169:16) \r\n at async virtual:nuxt:./.nuxt/css.mjs:3:31 \r\n at async ViteNodeRunner.directRequest (./node_modules/vite-node/dist/client.mjs:270:5) \r\n at async ViteNodeRunner.cachedRequest (./node_modules/vite-node/dist/client.mjs:146:12) \r\n at async request (./node_modules/vite-node/dist/client.mjs:169:16) \r\n at async ./node_modules/nuxt/dist/app/entry.mjs:9:31 \r\n at async ViteNodeRunner.directRequest (./node_modules/vite-node/dist/client.mjs:270:5)\n```\n",[3038,3041,3044],{"name":3039,"color":3040},"3.x","29bc7f",{"name":3042,"color":3043},"pending triage","E99695",{"name":3045,"color":3046},"needs reproduction","FBCA04",15803,"closed","StoryBook in Nuxt 3 Stable","2023-01-19T18:21:15Z","https://github.com/nuxt/nuxt/issues/15803",0.61442006,{"description":3054,"labels":3055,"number":3058,"owner":3028,"repository":3029,"state":3048,"title":3059,"updated_at":3060,"url":3061,"score":3062},"### Environment\n\n------------------------------\n- Operating System: Darwin\n- Node Version: v24.2.0\n- Nuxt Version: 3.17.5\n- CLI Version: 3.25.1\n- Nitro Version: 2.11.12\n- Package Manager: pnpm@10.12.1\n- Builder: -\n- User Config: compatibilityDate, devtools, modules, css\n- Runtime Modules: @nuxt/ui@3.1.3\n- Build Modules: -\n------------------------------\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt/Nuxt UI\n\n### Version\n\nv3.17.5/v3.1.3\n\n### Reproduction\n\n```\npnpm create nuxt {project-name}\n\nskip setting up git and don't add any modules\n\npnpm add @nuxt/ui\n```\nSetup as per the docs for nuxt.config and css\n\nrun `pnpm run dev`\n\n### Description\n\nI've tried server times with the same results using `pnpm`. `npm` seem to work fine following the same steps.\n```console\nPre-transform error: Can't resolve 'tailwindcss' in /demo/assets/css'\n Plugin: @tailwindcss/vite:generate:serve\n File:/demo/assets/css\n```\n\n### Additional context\n\nJust cursor and warp and both product the same results.\n\n### Logs\n\n```shell-script\n\n```",[3056,3057],{"name":3019,"color":3020},{"name":3022,"color":3023},4339,"Issue using pnpm 10.12.1: Can't resolve 'tailwindcss'","2025-06-16T12:54:09Z","https://github.com/nuxt/ui/issues/4339",0.659023,{"description":3064,"labels":3065,"number":3068,"owner":3028,"repository":3028,"state":3048,"title":3069,"updated_at":3070,"url":3071,"score":3072},"### Environment\n\nPrevious version:\r\n- Operating System: Darwin\r\n- Node Version: v21.7.1\r\n- Nuxt Version: 2.17.3\r\n- CLI Version: 3.12.0\r\n- Nitro Version: -\r\n- Package Manager: yarn@1.22.22\r\n- Builder: webpack\r\n- User Config: target, ssr, generate, head, css, plugins, components, buildModules, modules, sitemap, robots, sentry, axios, build, router, publicRuntimeConfig, graphql, hooks, storybook, ignore\r\n- Runtime Modules: @nuxtjs/axios@5.13.6, nuxt-graphql-request@6.0.3, cookie-universal-nuxt@2.2.2, @nuxtjs/sentry@5.1.7, @nuxtjs/sitemap@2.4.0, @nuxtjs/robots@2.5.0, nuxt-clipboard@0.0.7\r\n- Build Modules: @nuxtjs/eslint-module@3.1.0, @nuxtjs/stylelint-module@5.2.0, @nuxt/postcss8@1.1.3, @nuxtjs/svg@0.1.12, @/modules/generator\r\n\r\nCurrent version:\r\n- Operating System: `Darwin`\r\n- Node Version: `v20.11.1`\r\n- Nuxt Version: `3.12.4`\r\n- CLI Version: `3.12.0`\r\n- Nitro Version: `2.9.7`\r\n- Package Manager: `yarn@1.22.22`\r\n- Builder: `-`\r\n- User Config: `compatibilityDate`, `nitro`, `app`, `typescript`, `devServerHandlers`, `vite`, `runtimeConfig`, `sourcemap`, `modules`, `build`, `css`, `tailwindcss`, `ignore`, `graphql`, `experimental`\r\n- Runtime Modules: `@nuxtjs/tailwindcss@6.12.1`, `nuxt-graphql-request@8.1.0`, `@nuxtjs/sitemap@5.3.5`, `@nuxtjs/robots@4.0.1`, `@nuxt/test-utils/module@3.13.1`\r\n- Build Modules: `-`\r\n\n\n### Reproduction\n\nN/A\n\n### Describe the bug\n\nHi guys,\r\n\r\n# Error using `externalVue: false`\r\nAfter upgrading from Nuxt 2.17.3 to Nuxt 3.12.3 I am getting an 500 error \"This page is temporarily unavailable.\" after running `nuxi build && nuxi preview` with the flag of `externalVue: false` on my `nuxt.config.js`.\r\n\r\nThe error I am getting in the console is: \r\n\r\n```\r\n[nuxt] [request error] [unhandled] [500] Cannot read properties of undefined (reading 'exports')\r\n at ./server/chunks/routes/renderer.mjs:839:24 \r\n at ModuleJob.run (node:internal/modules/esm/module_job:218:25) \r\n at async ModuleLoader.import (node:internal/modules/esm/loader:329:24) \r\n at async Object.handler (./server/chunks/runtime.mjs:2878:19) \r\n at async Server.toNodeHandle (./server/chunks/runtime.mjs:3148:7)\r\n[nuxt] [request error] [unhandled] [500] Cannot read properties of undefined (reading 'exports')\r\n at ./server/chunks/routes/renderer.mjs:839:24 \r\n at ModuleJob.run (node:internal/modules/esm/module_job:218:25) \r\n at async ModuleLoader.import (node:internal/modules/esm/loader:329:24) \r\n at async Object.handler (./server/chunks/runtime.mjs:2878:19) \r\n at async Server.toNodeHandle (./server/chunks/runtime.mjs:3148:7)\r\n[nuxt] [request error] [unhandled] [500] Cannot read properties of undefined (reading 'exports')\r\n at ./server/chunks/routes/renderer.mjs:839:24 \r\n at ModuleJob.run (node:internal/modules/esm/module_job:218:25) \r\n at async ModuleLoader.import (node:internal/modules/esm/loader:329:24) \r\n at async Object.handler (./server/chunks/runtime.mjs:2878:19) \r\n at async Server.toNodeHandle (./server/chunks/runtime.mjs:3148:7)\r\n[nuxt] [request error] [unhandled] [500] Cannot read properties of undefined (reading 'exports')\r\n at ./server/chunks/routes/renderer.mjs:839:24 \r\n at ModuleJob.run (node:internal/modules/esm/module_job:218:25) \r\n at async ModuleLoader.import (node:internal/modules/esm/loader:329:24) \r\n at async Object.handler (./server/chunks/runtime.mjs:2878:19) \r\n at async Server.toNodeHandle (./server/chunks/runtime.mjs:3148:7)\r\n ```\r\n \r\nIf I take a look at `renderer.mjs:839:24` I can see this line of code:\r\n ```var vueExports$1 = vue.exports;```\r\n\r\nHowever, I see that `vue` is declared in line `1692` using this code:\r\n```var vue = {exports: {}};```\r\n\r\nCan you give me a hint on how can I fix it?\r\n\r\n# Error using `externalVue: true`\r\n\r\nAfter enabling that flag, I get a total different error: \r\n\r\n```\r\n[nuxt] [request error] [unhandled] [500] Cannot find module '.output/server/node_modules/vue/server-renderer/index.mjs' imported from .output/server/chunks/routes/renderer.mjs\r\n at finalizeResolution (node:internal/modules/esm/resolve:264:11) \r\n at moduleResolve (node:internal/modules/esm/resolve:917:10) \r\n at defaultResolve (node:internal/modules/esm/resolve:1130:11) \r\n at ModuleLoader.defaultResolve (node:internal/modules/esm/loader:396:12) \r\n at ModuleLoader.resolve (node:internal/modules/esm/loader:365:25) \r\n at ModuleLoader.getModuleJob (node:internal/modules/esm/loader:240:38) \r\n at ModuleWrap.\u003Canonymous> (node:internal/modules/esm/module_job:85:39) \r\n at link (node:internal/modules/esm/module_job:84:36)\r\n[nuxt] [request error] [unhandled] [500] Cannot find module '.output/server/node_modules/vue/server-renderer/index.mjs' imported from .output/server/chunks/routes/renderer.mjs\r\n at finalizeResolution (node:internal/modules/esm/resolve:264:11) \r\n at moduleResolve (node:internal/modules/esm/resolve:917:10) \r\n at defaultResolve (node:internal/modules/esm/resolve:1130:11) \r\n at ModuleLoader.defaultResolve (node:internal/modules/esm/loader:396:12) \r\n at ModuleLoader.resolve (node:internal/modules/esm/loader:365:25) \r\n at ModuleLoader.getModuleJob (node:internal/modules/esm/loader:240:38) \r\n at ModuleWrap.\u003Canonymous> (node:internal/modules/esm/module_job:85:39) \r\n at link (node:internal/modules/esm/module_job:84:36)\r\n```\r\n\r\nFor this error, I tried everything on this [thread](https://github.com/nuxt/nuxt/issues/14820) without any luck. Is there anything I am missing?\r\n\r\nI'm using `Vue 3.4.27`\r\n\r\n**Note:** Everything is working as expected on `dev` mode. The platform I am using to deploy my project is Cloudflare, in which I am getting a different error but I hope that's fixed once the `nuxi build && nuxi preview` works 🙏 \r\n\r\nI would appreciate any hint on this 🙏 \n\n### Additional context\n\nI'm using Vue 3.4.27\r\n\r\nNuxt config:\r\n\r\n```\r\ninterface CustomNuxtConfig extends NuxtConfig {\r\n eslint?: any\r\n}\r\n\r\nconst config: CustomNuxtConfig = {\r\n compatibilityDate: '2024-04-03',\r\n nitro: {\r\n prerender: {\r\n autoSubfolderIndex: false,\r\n },\r\n },\r\n typescript: {\r\n strict: false,\r\n },\r\n devServerHandlers: [],\r\n vite: {\r\n plugins: [svgLoader({ svgo: false })],\r\n define: {\r\n __DEV__: !IS_PRODUCTION,\r\n global: 'window',\r\n },\r\n },\r\n runtimeConfig: {\r\n public: {},\r\n },\r\n sourcemap: {\r\n server: process.env.CONTEXT === 'production',\r\n client: process.env.CONTEXT === 'production',\r\n },\r\n modules: [\r\n '@nuxtjs/tailwindcss',\r\n // '@nuxtjs/eslint-module',\r\n // '@nuxtjs/stylelint-module',\r\n 'nuxt-graphql-request',\r\n '@nuxtjs/sitemap',\r\n '@nuxtjs/robots',\r\n '@nuxt/test-utils/module',\r\n ],\r\n build: {\r\n transpile: [\r\n 'nuxt-graphql-request',\r\n 'chartjs-adapter-date-fns',\r\n 'modern-screenshot',\r\n ],\r\n },\r\n css: ['~/assets/main.scss'],\r\n tailwindcss: {\r\n exposeConfig: true,\r\n viewer: false,\r\n configPath: './tailwind.config.ts',\r\n },\r\n ignore: ['playwright/**/*.spec.*', 'playwright-report/*', '.idea/*'],\r\n graphql: {\r\n clients: {\r\n default: {\r\n endpoint: PUBLIC_GRAPHQL_ENDPOINT,\r\n options: {\r\n requireCredentials: false,\r\n } as any,\r\n },\r\n authenticatedClient: {\r\n endpoint: GRAPHQL_ENDPOINT,\r\n options: {\r\n requireCredentials: true,\r\n } as any,\r\n },\r\n },\r\n },\r\n experimental: {\r\n defaults: {\r\n nuxtLink: {\r\n trailingSlash: 'append',\r\n activeClass: 'nuxt-link-active',\r\n exactActiveClass: 'nuxt-link-exact-active',\r\n },\r\n },\r\n },\r\n}\r\n\r\nexport default defineNuxtConfig(config)\r\n```\n\n### Logs\n\n_No response_",[3066,3067],{"name":3042,"color":3043},{"name":3045,"color":3046},28228,"Error 500 when building Nuxt 3.12.4 after upgrading from 2.17.3","2024-09-11T16:34:57Z","https://github.com/nuxt/nuxt/issues/28228",0.66289777,{"labels":3074,"number":3077,"owner":3028,"repository":3028,"state":3048,"title":3078,"updated_at":3079,"url":3080,"score":3081},[3075,3076],{"name":3039,"color":3040},{"name":3042,"color":3043},13688,"Can't import files from project when adding serverMiddleware from module","2023-01-19T17:03:24Z","https://github.com/nuxt/nuxt/issues/13688",0.66332865,{"description":3083,"labels":3084,"number":3087,"owner":3028,"repository":3028,"state":3048,"title":3088,"updated_at":3089,"url":3090,"score":3091},"### Environment\n\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v18.18.2\r\n- Nuxt Version: 3.8.2\r\n- CLI Version: 3.10.0\r\n- Nitro Version: 2.8.1\r\n- Package Manager: pnpm@8.10.5\r\n- Builder: -\r\n- User Config: devtools, components, modules, runtimeConfig, app\r\n- Runtime Modules: @nuxtjs/storybook@7.0.0\r\n- Build Modules: -\r\n------------------------------\n\n### Reproduction\n\nBranch named `storybook-static` on https://github.com/filiphazardous/nuxt-storybook-module-demo\r\nRun `pnpm i` followed by `pnpm build-storybook && pnpm static-storybook` - open http://localhost:6007 and check the console.\r\n\n\n### Describe the bug\n\nThe bug happens in the lines https://github.com/nuxt/nuxt/blob/main/packages/nuxt/src/core/templates.ts#L317-L323 (as generated by the Storybook build). `useRuntimeConfig()` on line 321 returns an empty object, which sets `appConfig` on the same line to `undefined`. When `baseURL()` on line 323 is called, the web browser throws an error.\n\n### Additional context\n\nInitially, I reported the bug at https://github.com/nuxt-modules/storybook/issues/458 \r\n\r\nI'm not sure if the bug is that Nuxt by default provides an empty object as runtime config, or if the storybook addon erroneously managed to set it to an empty object. \r\n\r\nThe problem could be avoided by adding `?.` in a couple of places to the `publicPathTemplate` - or just changing line 321 to `: 'const appConfig = useRuntimeConfig().app || {}',`\n\n### Logs\n\n_No response_",[3085,3086],{"name":3039,"color":3040},{"name":3042,"color":3043},24724,"Nuxt fails to load runtimeConfig in static Storybook build","2024-01-02T11:31:44Z","https://github.com/nuxt/nuxt/issues/24724",0.66349566,{"description":3093,"labels":3094,"number":3097,"owner":3028,"repository":3028,"state":3048,"title":3098,"updated_at":3099,"url":3100,"score":3101},"### 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",[3095,3096],{"name":3039,"color":3040},{"name":3042,"color":3043},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.6636848,{"description":3103,"labels":3104,"number":3114,"owner":3028,"repository":3028,"state":3048,"title":3115,"updated_at":3116,"url":3117,"score":3118},"### Environment\r\n\r\nNuxt project info: \r\n\r\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v20.11.1\r\n- Nuxt Version: 3.10.3\r\n- CLI Version: 3.10.1\r\n- Nitro Version: 2.9.3\r\n- Package Manager: pnpm@8.15.4\r\n- Builder: -\r\n- User Config: runtimeConfig, modules, $test, devtools, experimental, vue, tailwindcss, app, nitro, typescript, pinia\r\n- Runtime Modules: @nuxtjs/tailwindcss@6.11.5-1709108338.2ae28e5, @vueuse/nuxt@10.9.0, nuxt-headlessui@1.1.5, @pinia/nuxt@0.5.1, @nuxtjs/fontaine@0.4.1, @formkit/auto-animate/nuxt@0.8.1\r\n- Build Modules: -\r\n------------------------------\r\n\r\n👉 Report an issue: https://github.com/nuxt/nuxt/issues/new\r\n\r\n👉 Suggest an improvement: https://github.com/nuxt/nuxt/discussions/new\r\n\r\n👉 Read documentation: https://nuxt.com\r\n\r\n\r\n\r\n### Reproduction\r\n\r\nOn a project using NuxtIslands (via server components), and storybook, running the `build-storybook` command fails with the following error:\r\n\r\n```\r\n=> Failed to build the preview 10:43:12 AM\r\nTypeError: Cannot create property 'ActionMessage' on string './node_modules/.pnpm/@storybook+builder-vite@7.6.17_typescript@5.4.2_vite@5.1.6/node_modules/@storybook/builder-vite/input/iframe.html' 10:43:12 AM\r\n at config (file://./node_modules/.pnpm/nuxt@3.10.3_@types+node@18.19.23_eslint@8.57.0_typescript@5.4.2_vite@5.1.6_vue-tsc@1.8.27/node_modules/nuxt/dist/index.mjs:1866:62)\r\n```\r\n\r\n### Describe the bug\r\n\r\nIn `packages/nuxt/src/components/islandsTransform.ts`, the `componentsChunkPlugin` function makes the following type assertion ` (config.build.rollupOptions.input as Record\u003Cstring, string>)`.\r\n\r\n\r\n```typescript\r\nexport const componentsChunkPlugin = createUnplugin((options: ComponentChunkOptions) => {\r\n const { buildDir } = options\r\n return {\r\n name: 'componentsChunkPlugin',\r\n vite: {\r\n async config (config) {\r\n const components = options.getComponents()\r\n config.build = config.build || {}\r\n config.build.rollupOptions = config.build.rollupOptions || {}\r\n config.build.rollupOptions.output = config.build.rollupOptions.output || {}\r\n config.build.rollupOptions.input = config.build.rollupOptions.input || {}\r\n // don't use 'strict', this would create another \"facade\" chunk for the entry file, causing the ssr styles to not detect everything\r\n config.build.rollupOptions.preserveEntrySignatures = 'allow-extension'\r\n for (const component of components) {\r\n if (component.mode === 'client' || component.mode === 'all') {\r\n (config.build.rollupOptions.input as Record\u003Cstring, string>)[component.pascalName] = await resolvePath(component.filePath)\r\n }\r\n }\r\n },\r\n```\r\n\r\n`config.build.rollupOptions.input` is declared as `type InputOption = string | string[] | { [entryAlias: string]: string }`. When using storybook and `@storybook/builder-vite`, `config.build.rollupOptions.input` is a `string`, with a value similar to `/node_modules/.../@storybook/builder-vite/input/iframe.html`.\r\n\r\nWould a PR that checks first for the type of `config.build.rollupOptions.input` make sense? Something along the lines of:\r\n\r\n```typescript\r\n if (component.mode === 'client' || component.mode === 'all') {\r\n if ('object' === typeof config.build.rollupOptions.input && !Array.isArray(config.build.rollupOptions.input)) \r\n (config.build.rollupOptions.input as Record\u003Cstring, string>)[component.pascalName] = await resolvePath(component.filePath)\r\n```\r\n\r\n### Additional context\r\n\r\nDisabling server components is a workaround that fixes the issue when running or building storybook. I have them enabled when building the app, but disabled when building statically with storybook.\r\n\r\n### Logs\r\n\r\n_No response_",[3105,3108,3109,3111],{"name":3106,"color":3107},"good first issue","fbca04",{"name":3039,"color":3040},{"name":3110,"color":3046},"🔨 p3-minor",{"name":3112,"color":3113},"server components","839413",26220,"TypeError in `islandsTransform.ts` affecting storybook","2024-04-03T10:36:16Z","https://github.com/nuxt/nuxt/issues/26220",0.66570026,{"labels":3120,"number":3127,"owner":3028,"repository":3028,"state":3048,"title":3128,"updated_at":3129,"url":3130,"score":3131},[3121,3122,3123,3126],{"name":3039,"color":3040},{"name":3042,"color":3043},{"name":3124,"color":3125},"windows","C681FD",{"name":3045,"color":3046},14142,"Nuxt 3.x.x latest doesn't build on Windows 11, but does on Ubuntu 22.04","2023-01-19T17:25:53Z","https://github.com/nuxt/nuxt/issues/14142",0.6663356,{"description":3133,"labels":3134,"number":3137,"owner":3028,"repository":3028,"state":3048,"title":3138,"updated_at":3139,"url":3140,"score":3141},"### Environment\n\n------------------------------\r\n- Operating System: `Darwin`\r\n- Node Version: `v16.17.0`\r\n- Nuxt Version: `3.0.0-rc.13`\r\n- Nitro Version: `0.6.1`\r\n- Package Manager: `yarn@3.1.1`\r\n- Builder: `vite`\r\n- User Config: `app`, `css`, `build`, `modules`, `publicRuntimeConfig`, `nitro`\r\n- Runtime Modules: `@pinia/nuxt@0.4.3`\r\n- Build Modules: `-`\r\n------------------------------\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-starter-wvuvnj?file=app.vue,server%2Froutes%2Froute.ts\n\n### Describe the bug\n\nAs per reported in nuxt/nuxt.js#14597 (specifically, [my comment](https://github.com/nuxt/nuxt.js/issues/14597)), importing `pinia` on the server results in an improperly set path.\n\n### Additional context\n\nThis only occurs when `build` is used, and does not occur in `dev`.\n\n### Logs\n\n```shell\n[nuxt] [request error] [unhandled] [500] Cannot find module '/home/projects/nuxt-starter-wvuvnj/.output/server/node_modules/pinia/dist/pinia' imported from /home/projects/nuxt-starter-wvuvnj/.output/server/chunks/route.mjs\r\n at InternalError.get (https://nuxt-starter-wvuvnj.w-credentialless.staticblitz.com/blitz.bba8d0a5a025db74852964077975228459d6d20b.js:6:292488) \r\n at H3Error.get (./server/node_modules/h3/dist/index.mjs:134:22) \r\n at normalizeError (./server/chunks/nitro/node-server.mjs:381:24) \r\n at Object.errorhandler [as onError] (./server/chunks/nitro/node-server.mjs:400:57) \r\n at toNodeHandle (./server/node_modules/h3/dist/index.mjs:787:27) \r\n at async ufetch (./server/node_modules/unenv/runtime/fetch/index.mjs:28:17) \r\n at async $fetchRaw2 (./server/node_modules/ohmyfetch/dist/shared/ohmyfetch.d1948a88.mjs:161:20) \r\n at async setup (./server/chunks/app/server.mjs:1609:94)\n```\n",[3135,3136],{"name":3039,"color":3040},{"name":3042,"color":3043},15460,"Server imports missing file extension","2023-09-07T16:43:18Z","https://github.com/nuxt/nuxt/issues/15460",0.66658324,["Reactive",3143],{},["Set"],["ShallowReactive",3146],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fU0Z3TNIhKLFaMjrCBUavB8ptpIS9VER5y3OPXlgeQrM":-1},"/nuxt/ui/3826"]