[Vuejs]-Vue – template or render function not defined

by

0👍

✅

Fixed the issue for future reference or anyone interested.

The issue was with file-loader & url-loader, I updated these two dependencies and then changed the webpack.config.js config to:

{
  test: /\.(png|jpg|gif)$/,
    use: [
      {
        loader: 'url-loader',
        options: {
          limit: 8192
        }
      }
    ]
  }

Seemed I was reading an old config on the tutorial I was following. It’s important to check the most up to date docs/help/readme.

👤John107

0👍

Seems like the issue is in you app.js line 6. App should be in caps like so:

import Vue from ‘vue’;
import App from ‘./App.vue’;

const app = new Vue({
  el: "#app",
  template: '<App/>',
  components: { App }
})
👤aks

0👍

try this:

App.js

const app = new Vue({
  el: "#app",
  render: h => h(App)
})
👤Volodymyr Symonenko

Leave a comment