Laravel mix + Vue router + Single File Components

Question

Przerobiłem ten tutorial:

https://itsolutionstuff.com/post/laravel-vue-router-example-from-scratchexample.html

Niestety wyskakuje błąd 

Failed to mount component: template or render function not defined.

Z tego co czytam to może być kwestia wersji Runtime Compiler vs Runtime only

module.exports = {
  // ...
  resolve: {
    alias: {
      'vue$': 'vue/dist/vue.esm.js' // 'vue/dist/vue.common.js' for webpack 1
    }
  }
}

Ale nie wiem jak to się ma do metodologii Laravel Mix

Jakieś pomysły?

 

 

Answer 1

Rozwiązanie wystarczy zamiast require

  { path: '/', component: require('./components/ExampleComponent.vue') },

Użyć import 

import ExampleComponent from './components/ExampleComponent'

{ path: '/test', component: ExampleComponent }

Pytanie czy tutorial po prostu był hu**owy czy jest coś czego nie wiem?