I'm finding that whenever I get a build error when running the development server, I initially see the correct error when loading the page for the first time. However, when I refresh the error page, the error always becomes:
render function or template not defined in component: anonymous
thrown by normalizeRender
.
Seems related to #2576, but I'm on the latest version of vue-cli...
This happens on a fresh Nuxt app for me:
vue init nuxt-community/starter-template test
(default values for all)cd test/
, npm install
and npm run serve
index.vue
changeimport AppLogo from '~/components/AppLogo.vue'
to:
import AppLogo from '~/components/ZppLogo.vue'
render function or template not defined in component: anonymous
.Correct error, 1st request:
This dependency was not found:
* ~/components/ZppLogo.vue in ./node_modules/babel-loader/lib?{"babelrc":false,"cacheDirectory":true,"presets":[["/Users/alex/Documents/test/node_modules/babel-preset-vue-app/dist/index.common.js",{"targets":{"ie":9,"uglify":true}}]]}!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./pages/index.vue
To install it, you can run: npm install --save ~/components/ZppLogo.vue
nuxt:render Rendering url / +19s
{ Error: Cannot find module "~/components/ZppLogo.vue"
at Object.50 (pages/index.vue?a4bb:1:0)
at __webpack_require__ (webpack:/webpack/bootstrap 81e5a0b8b0df574f1d45:25:0)
at Object.48 (pages/index.vue:1:0)
at __webpack_require__ (webpack:/webpack/bootstrap 81e5a0b8b0df574f1d45:25:0)
at <anonymous>
at process._tickCallback (internal/process/next_tick.js:188:7) statusCode: 500, name: 'NuxtServerError' }
After a refresh:
nuxt:render Rendering url / +2s
nuxt:render Data fetching /: 0ms +0ms
{ Error: render function or template not defined in component: anonymous
at normalizeRender (/Users/alex/Documents/test/node_modules/vue-server-renderer/build.js:7231:13)
at renderComponentInner (/Users/alex/Documents/test/node_modules/vue-server-renderer/build.js:7355:3)
at renderComponent (/Users/alex/Documents/test/node_modules/vue-server-renderer/build.js:7326:5)
at renderNode (/Users/alex/Documents/test/node_modules/vue-server-renderer/build.js:7242:5)
at renderComponentInner (/Users/alex/Documents/test/node_modules/vue-server-renderer/build.js:7362:3)
at renderComponent (/Users/alex/Documents/test/node_modules/vue-server-renderer/build.js:7326:5)
at renderNode (/Users/alex/Documents/test/node_modules/vue-server-renderer/build.js:7242:5)
at renderComponentInner (/Users/alex/Documents/test/node_modules/vue-server-renderer/build.js:7362:3)
at renderComponent (/Users/alex/Documents/test/node_modules/vue-server-renderer/build.js:7326:5)
at RenderContext.renderNode (/Users/alex/Documents/test/node_modules/vue-server-renderer/build.js:7242:5)
at RenderContext.next (/Users/alex/Documents/test/node_modules/vue-server-renderer/build.js:2382:14)
at cachedWrite (/Users/alex/Documents/test/node_modules/vue-server-renderer/build.js:2242:9)
at renderElement (/Users/alex/Documents/test/node_modules/vue-server-renderer/build.js:7463:5)
at renderNode (/Users/alex/Documents/test/node_modules/vue-server-renderer/build.js:7244:5)
at renderComponentInner (/Users/alex/Documents/test/node_modules/vue-server-renderer/build.js:7362:3)
at renderComponent (/Users/alex/Documents/test/node_modules/vue-server-renderer/build.js:7326:5)
at RenderContext.renderNode (/Users/alex/Documents/test/node_modules/vue-server-renderer/build.js:7242:5)
at RenderContext.next (/Users/alex/Documents/test/node_modules/vue-server-renderer/build.js:2382:14)
at cachedWrite (/Users/alex/Documents/test/node_modules/vue-server-renderer/build.js:2242:9)
at renderElement (/Users/alex/Documents/test/node_modules/vue-server-renderer/build.js:7463:5)
at renderNode (/Users/alex/Documents/test/node_modules/vue-server-renderer/build.js:7244:5)
at renderComponentInner (/Users/alex/Documents/test/node_modules/vue-server-renderer/build.js:7362:3) statusCode: 500, name: 'NuxtServerError' }
Thanks in advance for any help ☺️ !
<!--cmty--><!--cmty_prevent_hook--><div align="right"><sub><em>This question is available on <a href="https://nuxtjs.cmty.io">Nuxt.js</a> community (<a href="https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c2421">#c2421</a>)</em></sub></div>