\r\n \u003CAccounts/>\r\n \u003C/section>\r\n\u003C/template>\r\n\u003Cscript>\r\n import Header from '~/components/Header/Header'\r\n import Accounts from '~/components/Accounts/Accounts'\r\n\r\n export default {\r\n components: {\r\n Header,\r\n Accounts\r\n },\r\n }\r\n\r\n\u003C/script>\r\n```\r\n\r\nwhen i load the accounts page i get the following error\r\n**Failed to mount component: template or render function not defined.**\r\n\r\nbut if i remove src=\"./Accounts.js\" from the script tag in the accounts component and re run npm run dev everything works fine \r\n\r\nheres my nuxt-config.js file\r\n\r\n```\r\nconst pkg = require('./package')\r\nconst opn = require('opn')\r\nrequire('dotenv').config()\r\n\r\nmodule.exports = {\r\n mode: 'spa',\r\n hooks: {\r\n listen(server, {host, port}) {\r\n opn(`http://${host}:${port}`)\r\n }\r\n },\r\n\r\n /*\r\n ** Headers of the page\r\n */\r\n head: {\r\n title: pkg.name,\r\n meta: [\r\n {charset: 'utf-8'},\r\n {name: 'viewport', content: 'width=device-width, initial-scale=1'},\r\n {hid: 'description', name: 'description', content: pkg.description}\r\n ],\r\n link: [\r\n \r\n ]\r\n },\r\n\r\n /*\r\n ** Customize the progress-bar color\r\n */\r\n loading: {color: '#FFFFFF'},\r\n\r\n /*\r\n ** Global CSS\r\n */\r\n css: [\r\n '~/css/main.css'\r\n ],\r\n\r\n /*\r\n ** Plugins to load before mounting the App\r\n */\r\n plugins: [\r\n '~/plugins/vue-moment'\r\n ],\r\n\r\n /*\r\n ** Nuxt.js modules\r\n */\r\n modules: [\r\n // Doc: https://github.com/nuxt-community/axios-module#usage\r\n '@nuxtjs/axios',\r\n // Doc: https://bootstrap-vue.js.org/docs/\r\n 'bootstrap-vue/nuxt',\r\n '@nuxtjs/dotenv',\r\n ],\r\n modulesDir: ['node_modules'],\r\n /*\r\n ** Axios module configuration\r\n */\r\n axios: {\r\n // See https://github.com/nuxt-community/axios-module#options\r\n },\r\n\r\n /*\r\n ** Build configuration\r\n */\r\n build: {\r\n /*\r\n ** You can extend webpack config here\r\n */\r\n\r\n extend(config, ctx) {\r\n config.node = {\r\n fs: 'empty'\r\n }\r\n\r\n }\r\n }\r\n}\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/c7513\">#c7513\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2074],{"name":1985,"color":1986},3654,"separating your JavaScript and CSS into separate files","2023-01-18T16:26:27Z","https://github.com/nuxt/nuxt/issues/3654",0.6654591,["Reactive",2081],{},["Set"],["ShallowReactive",2084],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"PcLb2AETRoDnuFoKSrXFWqazR9Oe3bEKQBxfOmCEjEM":-1},"/nuxt/ui/2319"]