[Vue.js][Nuxt.js] [Vue warn]: Failed to mount component: template or render function not defined. が出たら疑った方がいいヤツ

結論

ありがちなのが、

「このコンポーネント、イラネ」

ってimport文とか消しておきながら、 components: {} 内の指定を削除し忘れてるパターン。

詳細

エラーメッセージが

vue.runtime.esm.js:619 [Vue warn]: Failed to mount component: template or render function not defined.

found in

---> 
       
         <Layouts/default.vue> at layouts/default.vue

みたいな表示になって、「あれ、default.vue なんか触ってないけどなぁ…」と原因判明するのに時間かかったのでメモ。

ネストした先の .vue で components: {} から削除し忘れていたのでした…。

 

Vue.jsJavaScript,Nuxt.js,Vue.js

Posted by S