\u003C/svg>\n```\n\n\n\nnuxt.config.ts\n```ts\n// https://nuxt.com/docs/api/configuration/nuxt-config\nexport default defineNuxtConfig({\n compatibilityDate: '2024-04-03',\n devtools: { enabled: true },\n modules: ['@nuxt/ui', '@nuxtjs/html-validator'],\n css: ['~/assets/css/main.css'],\n icon: {\n customCollections: [{\n prefix: 'custom',\n dir: './assets/icons'\n }]\n },\n\n // modules\n htmlValidator: {\n usePrettier: false,\n },\n})\n```\n\nin my component SFooter.vue:\n\n```vue\n\u003Cnav aria-label=\"Social Media Links\" class=\"mb-4 flex space-x-6 md:mb-0\">\n \u003Cnuxt-link\n v-for=\"social in socialLinks\"\n :key=\"social.name\"\n :href=\"social.link\"\n :aria-label=\"social.name\"\n class=\"hover:text-gray-700\">\n \u003CUIcon :name=\"social.icon\" class=\"size-5\" aria-hidden=\"true\" />\n \u003Cspan class=\"sr-only\">Visit our {{ social.name }} page\u003C/span>\n \u003C/nuxt-link>\n \u003C/nav>\n\n\n\u003Cscript setup lang=ts>\nconst socialLinks = [\n {\n name: 'SoundCloud',\n link: '#',\n icon: 'i-custom-soundcloud',\n },\n...\n\n```\n\n\n\n\n### Description\n\nI get the warning in console: `WARN [Icon] failed to load icon custom:soundcloud`\n\nand nothing displaying on front end\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2909,2910,2913,2914],{"name":2866,"color":2867},{"name":2911,"color":2912},"duplicate","cfd3d7",{"name":2899,"color":2900},{"name":2915,"color":2916},"upstream","78bddb",2609,"closed","custom icons not working","2024-11-15T00:46:19Z","https://github.com/nuxt/ui/issues/2609",0.57100695,{"description":2924,"labels":2925,"number":2933,"owner":2872,"repository":2872,"state":2918,"title":2934,"updated_at":2935,"url":2936,"score":2937},"### Discussed in https://github.com/nuxt/nuxt/discussions/19742\r\n\r\n\u003Cdiv type='discussions-op-text'>\r\n\r\n\u003Csup>Originally posted by **nzuyanov** March 16, 2023\u003C/sup>\r\nHi all! I need to manually split chunks in my project. Following the rollup documentation I used the `vite.build.rollupOptions.output.manualChunks` property of nuxt config.\r\nBut after running ```npm run generate```, I see a lot of errors in the console.\r\n\r\n```\r\n ERROR [nuxt] [request error] [unhandled] [500] Maximum call stack size exceeded\r\n at getModuleDependencies (file://./node_modules/vue-bundle-renderer/dist/runtime.mjs:56:24) \r\n at getModuleDependencies (file://./node_modules/vue-bundle-renderer/dist/runtime.mjs:77:21) \r\n at getModuleDependencies (file://./node_modules/vue-bundle-renderer/dist/runtime.mjs:77:21) \r\n at getModuleDependencies (file://./node_modules/vue-bundle-renderer/dist/runtime.mjs:77:21) \r\n```\r\n\r\nI decided to test the behavior on the latest version of nuxt and separate `vue` (for example) into a separate chunk, and the rest of `node_modules` into `vendors` chunk. The same error appeared in the console.\r\n\r\nMaybe I'm doing something wrong, but it could be a bug.\r\n\r\n### Environment\r\nNuxt Version: `3.3.1`\r\nNitro Version: `2.3.1`\r\nBuilder: `vite`\r\n\r\n### Reproduction\r\nhttps://stackblitz.com/edit/github-qwhmub?file=nuxt.config.ts\u003C/div>",[2926,2929,2930],{"name":2927,"color":2928},"3.x","29bc7f",{"name":2866,"color":2867},{"name":2931,"color":2932},"🔨 p3-minor","FBCA04",19837,"[nuxt] [request error] [unhandled] [500] Maximum call stack size exceeded","2023-05-28T10:55:35Z","https://github.com/nuxt/nuxt/issues/19837",0.66975147,{"description":2939,"labels":2940,"number":2947,"owner":2872,"repository":2872,"state":2918,"title":2948,"updated_at":2949,"url":2950,"score":2951},"### Environment\r\n\r\nrc.8\r\n\r\n### Reproduction\r\n\r\ncan't, but my proj is down, aslo on vercel. Building Server forever....\r\n\r\n### Describe the bug\r\n\r\nD:\\NodeJsWS\\my-nuxt3-app>yarn build\r\nyarn run v1.22.18\r\n$ nuxt build\r\nNuxt CLI v3.0.0-rc.8 20:55:25\r\n\r\n WARN Use of eval is strongly discouraged, as it poses security risks and may cause issues with minification 20:55:44 \r\n\r\n\r\n WARN 20:55:53 \r\n(!) Some chunks are larger than 500 KiB after minification. Consider:\r\n- Using dynamic import() to code-split the application\r\n- Use build.rollupOptions.output.manualChunks to improve chunking: https://rollupjs.org/guide/en/#outputmanualchunks\r\n- Adjust chunk size limit for this warning via build.chunkSizeWarningLimit.\r\n\r\ni Client built in 16936ms 20:55:53\r\ni Building server... 20:55:53\r\n√ Server built in 5497ms 20:55:58\r\n√ Generated public .output/public nitro 20:56:00\r\nstart Building server... \r\n\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2941,2942,2945],{"name":2927,"color":2928},{"name":2943,"color":2944},"pending triage","E99695",{"name":2946,"color":2932},"needs reproduction",14724,"yarn build hang with no error!!!","2023-01-19T17:39:21Z","https://github.com/nuxt/nuxt/issues/14724",0.6837561,{"description":2953,"labels":2954,"number":2957,"owner":2872,"repository":2872,"state":2918,"title":2958,"updated_at":2959,"url":2960,"score":2961},"### Environment\n\n- Operating System: `Darwin`\r\n- Node Version: `v14.18.1`\r\n- Nuxt Version: `3.2.1`\r\n- Nitro Version: `2.2.2`\r\n- Package Manager: `yarn@1.22.18`\r\n- Builder: `vite`\r\n- User Config: `typescript`, `modules`, `build`, `runtimeConfig`, `pwa`, `imports`\r\n- Runtime Modules: `@kevinmarrec/nuxt-pwa@0.10.0`, `@pinia/nuxt@0.4.6`, `@nuxtjs/tailwindcss@6.4.1`, `nuxt-typed-router@2.3.5`\r\n- Build Modules: `-`\r\n\n\n### Reproduction\n\nrun `yarn build` command\n\n### Describe the bug\n\nGetting \"Missing \"./server-renderer\" specifier in \"vue\" package\" on build process\n\n### Additional context\n\nEverything is fine on Nuxt 3.1.1. Started to get the error on 3.2.0 and 3.2.1\n\n### Logs\n\n```shell-script\n[commonjs--resolver] Missing \"./server-renderer\" specifier in \"vue\" package\r\n\r\n ERROR Missing \"./server-renderer\" specifier in \"vue\" package 18:42:19\r\n\r\n at e (node_modules/vite/dist/node/chunks/dep-9912c491.js:14845:25)\r\n at n (node_modules/vite/dist/node/chunks/dep-9912c491.js:14845:627)\r\n at o (node_modules/vite/dist/node/chunks/dep-9912c491.js:14845:1276)\r\n at resolveExports (node_modules/vite/dist/node/chunks/dep-9912c491.js:22032:20)\r\n at resolveDeepImport (node_modules/vite/dist/node/chunks/dep-9912c491.js:22051:31)\r\n at tryNodeResolve (node_modules/vite/dist/node/chunks/dep-9912c491.js:21736:20)\r\n at Object.resolveId (node_modules/vite/dist/node/chunks/dep-9912c491.js:21487:28)\r\n at Object.handler (node_modules/vite/dist/node/chunks/dep-9912c491.js:44849:19)\r\n at node_modules/rollup/dist/es/shared/rollup.js:24011:40\r\n at async PluginDriver.hookFirstAndGetPlugin (node_modules/rollup/dist/es/shared/rollup.js:23911:28)\r\n at async resolveId (node_modules/rollup/dist/es/shared/rollup.js:22855:26)\r\n at async ModuleLoader.resolveId (node_modules/rollup/dist/es/shared/rollup.js:23119:15)\r\n at async Object.resolveId (node_modules/vite/dist/node/chunks/dep-9912c491.js:7972:10)\r\n at async PluginDriver.hookFirstAndGetPlugin (node_modules/rollup/dist/es/shared/rollup.js:23911:28)\r\n at async resolveId (node_modules/rollup/dist/es/shared/rollup.js:22855:26)\r\n at async ModuleLoader.resolveId (node_modules/rollup/dist/es/shared/rollup.js:23119:15)\r\n at async node_modules/rollup/dist/es/shared/rollup.js:23407:50\n```\n",[2955,2956],{"name":2927,"color":2928},{"name":2943,"color":2944},19129,"Missing \"./server-renderer\" specifier in \"vue\" package","2024-07-23T11:03:02Z","https://github.com/nuxt/nuxt/issues/19129",0.68411654,{"description":2963,"labels":2964,"number":2968,"owner":2872,"repository":2872,"state":2918,"title":2969,"updated_at":2970,"url":2971,"score":2972},"\u003C!--\r\n🚨 IMPORTANT 🚨\r\n\r\nPlease use the following link to create a new issue:\r\n\r\n- 🚨 Bug report - https://bug.nuxtjs.org/ \r\n- 🙋 Feature request - https://feature.nuxtjs.org/ \r\n- ❗️ All other issues - https://cmty.nuxtjs.org/ \r\n\r\nIf your issue was not created using the app above, **it will be closed immediately**.\r\n-->\r\n在plugins/cropper.js\r\n\r\nimport Vue from 'vue'\r\nimport VueCropper from 'vue-cropper'\r\nVue.component('VueCropper', VueCropper)\r\n\r\n然后在 nuxt.config.js\r\n{\r\n build: {\r\n vendor: [\r\n 'vue-cropper'\r\n ]\r\n },\r\n plugins: [\r\n {\r\n src: '~/plugins/cropper',\r\n ssr: false\r\n }\r\n ]\r\n}\r\n\r\n最后在page/index.vue 使用\r\n\u003CVueCropper\r\n ref=\"bscropper\"\r\n :img=\"cropperImg\"\r\n :auto-crop=\"true\"\r\n :fixed-box=\"false\"\r\n :fixed=\"false\"\r\n :full=\"false\"\r\n outputType='png'\r\n />\r\n\r\n浏览器会报\r\nYou are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build 和\r\n\r\nThe client-side rendered virtual DOM tree is not matching server-rendered content. This is likely caused by incorrect HTML markup, for example nesting block-level elements inside \u003Cp>, or missing \u003Ctbody>. Bailing hydration and performing full client-side render.\r\n的错误!\r\n\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://cmty.app/nuxt\">Nuxt\u003C/a> community (\u003Ca href=\"https://cmty.app/nuxt/nuxt.js/issues/c8512\">#c8512\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2965],{"name":2966,"color":2967},"2.x","d4c5f9",4805,"cropper in the nuxt 2.0.0 报错","2023-01-18T20:08:27Z","https://github.com/nuxt/nuxt/issues/4805",0.6882849,{"description":2974,"labels":2975,"number":2982,"owner":2872,"repository":2983,"state":2918,"title":2984,"updated_at":2985,"url":2986,"score":2987},"Add a banner or an insert on nuxtjs.org & nuxt.com documentation pages with a link to [support page](https://nuxt.com/support/solutions)\nif sufficient space, put \"Need some help ? Consult our official support solutions\"\nif less space : \"Consult our official support solutions\" or \"Nuxt official support solutions\"",[2976,2979],{"name":2977,"color":2978},"enhancement","1ad6ff",{"name":2980,"color":2981},"marketing","f5c828",1114,"nuxt.com","[Doc pages] Add a banner or an insert about our support offer","2023-10-03T13:47:03Z","https://github.com/nuxt/nuxt.com/issues/1114",0.6911575,{"labels":2989,"number":2998,"owner":2872,"repository":2872,"state":2918,"title":2999,"updated_at":3000,"url":3001,"score":3002},[2990,2991,2992,2995],{"name":2927,"color":2928},{"name":2866,"color":2867},{"name":2993,"color":2994},"vite","3574D1",{"name":2996,"color":2997},"❗ p4-important","D93F0B",14847,"RC 10 breaks with vuetify and \"ssr:false\"","2023-01-19T17:41:08Z","https://github.com/nuxt/nuxt/issues/14847",0.69122905,["Reactive",3004],{},["Set"],["ShallowReactive",3007],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fOTLD8VhAlP0gaynTMfs2dzg4fO6u9zsvqmj6zWiYzf0":-1},"/nuxt/ui/3492"]