Can't get router to work with components in Runtime mode

[heroic]

I created a default webpack project with vue-cli, and changed the main.js file to match the example here: https://github.com/vuejs/vue-router/blob/next/examples/basic/app.js

With one difference though. I removed the "template" part in the code. I now expect it to render the component in the "el", since the template is already parsed into the main bundle js.

[fnlctrl]

Hi, thanks for filling this issue.

I removed the "template" part in the code. I now expect it to render the component in the "el"

You need standalone build for this.

since the template is already parsed into the main bundle js.

No it's not. Runtime only build can only handle render functions, anything other than that (template string, in-dom templates) are not supported.

[heroic]

@fnlctrl If I am looking at the generated js file, I am seeing the render function, as created by Webpack. Isn't this the render function you are mentioning?

[fnlctrl]

Yes. Then there may be some other things wrong here.. Need a reproduction repo to look into.

[posva]

If the template is on the index.html I doubt I'ts parsed by vue-loader.

You should bundle that template into an App.vue component then use it in main.js like this:

import App from './App.vue'

new Vue({
  router,
  el: '#app', // equivalent to mount
  render: h => h(App)
})

[fnlctrl]

Closing due to inactivity.