\u003C/div>\r\n\u003C/template>\r\n```\r\n\r\nAdded to the Nuxt app via `addComponent` in a Nuxt module definition:\r\n\r\n```ts\r\naddComponent({\r\n name: 'JsComponent',\r\n export: 'JsComponent',\r\n filePath: resolve('./JsComponent.js'),\r\n})\r\n\r\naddComponent({\r\n name: 'VueComponent',\r\n filePath: resolve('./VueComponent.vue'),\r\n})\r\n```\r\n\r\nIf prefixed with Lazy:\r\n\r\n```vue\r\n\u003Ctemplate>\r\n \u003CLazyVueComponent>Hello\u003C/LazyVueComponent>\r\n \u003CLazyJsComponent>Hello\u003C/LazyJsComponent>\r\n\u003C/template>\r\n```\r\n\r\nThe .vue one works as expected, the .js one throws the following SSR error: `src.replace is not a function`.\r\n\r\nAfter dealing with this a bit, I found out that if the js component has no child, it doesn't throw any error:\r\n\r\n```vue\r\n\u003CLazyJsComponent>\u003C/LazyJsComponent>\r\n```\r\n\r\nBut even a single char or a comment will break things again. \r\n\r\n\r\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n[Vue warn]: Invalid vnode type when creating vnode: undefined.\r\n[nuxt] [request error] [unhandled] [500] src.replace is not a function\r\n```\n```\n",[3026,3027,3028,3029,3030],{"name":2922,"color":2923},{"name":2938,"color":2939},{"name":2903,"color":2904},{"name":2953,"color":2954},{"name":2956,"color":2957},23768,"Module-added component throws 'src.replace is not a function' if prefixed with Lazy and is not a vue file","2024-01-31T09:08:04Z","https://github.com/nuxt/nuxt/issues/23768",0.70294696,["Reactive",3037],{},["Set"],["ShallowReactive",3040],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fBT5vPjAZKhoN5Z5W5rILWJIRrTHqny1KFE8onQm_NAw":-1},"/nuxt/ui/4413"]