{"action":"created","issue":{"url":"https://api.github.com/repos/vuejs/vue-router/issues/713","repository_url":"https://api.github.com/repos/vuejs/vue-router","labels_url":"https://api.github.com/repos/vuejs/vue-router/issues/713/labels{/name}","comments_url":"https://api.github.com/repos/vuejs/vue-router/issues/713/comments","events_url":"https://api.github.com/repos/vuejs/vue-router/issues/713/events","html_url":"https://github.com/vuejs/vue-router/issues/713","id":180506527,"number":713,"title":"Failed to mount component: template or render function not defined. (found in root instance)","user":{"login":"lzxb","id":8424643,"avatar_url":"https://avatars.githubusercontent.com/u/8424643?v=3","gravatar_id":"","url":"https://api.github.com/users/lzxb","html_url":"https://github.com/lzxb","followers_url":"https://api.github.com/users/lzxb/followers","following_url":"https://api.github.com/users/lzxb/following{/other_user}","gists_url":"https://api.github.com/users/lzxb/gists{/gist_id}","starred_url":"https://api.github.com/users/lzxb/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/lzxb/subscriptions","organizations_url":"https://api.github.com/users/lzxb/orgs","repos_url":"https://api.github.com/users/lzxb/repos","events_url":"https://api.github.com/users/lzxb/events{/privacy}","received_events_url":"https://api.github.com/users/lzxb/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":11,"created_at":"2016-10-02T10:48:46Z","updated_at":"2016-12-17T04:40:35Z","closed_at":"2016-10-02T11:10:55Z","body":"I write it in this case, but it is wrong.\nhttp://router.vuejs.org/en/essentials/getting-started.html\n\n```\n\"vue\": \"^2.0.1\",\n\"vue-router\": \"^2.0.0\",\n\"vuex\": \"^2.0.0\"\n```\n\n``` html\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <title>Document</title>\n</head>\n<body>\n<div id=\"app\">\n  <h1>Hello App!</h1>\n  <p>\n    <!-- use router-link component for navigation. -->\n    <!-- specify the link by passing the `to` prop. -->\n    <!-- <router-link> will be rendered as an `<a>` tag by default -->\n    <router-link to=\"/foo\">Go to Foo</router-link>\n    <router-link to=\"/bar\">Go to Bar</router-link>\n  </p>\n  <!-- route outlet -->\n  <!-- component matched by the route will render here -->\n  <router-view></router-view>\n</div>\n</body>\n</html>\n```\n\n``` javascript\nimport Vue from 'vue'\nimport VueRouter from 'vue-router'\n\nVue.use(VueRouter)\n// 0. If using a module system, call Vue.use(VueRouter)\n\n// 1. Define route components.\n// These can be imported from other files\nconst Foo = { template: '<div>foo</div>' }\nconst Bar = { template: '<div>bar</div>' }\n\n// 2. Define some routes\n// Each route should map to a component. The \"component\" can\n// either be an actual component constructor created via\n// Vue.extend(), or just a component options object.\n// We'll talk about nested routes later.\nconst routes = [\n  { path: '/foo', component: Foo },\n  { path: '/bar', component: Bar }\n]\n\n// 3. Create the router instance and pass the `routes` option\n// You can pass in additional options here, but let's\n// keep it simple for now.\nconst router = new VueRouter({\n  routes // short for routes: routes\n})\n\n// 4. Create and mount the root instance.\n// Make sure to inject the router with the router option to make the\n// whole app router-aware.\nconst app = new Vue({\n  router\n}).$mount('#app')\n\n// Now the app has started!\n```\n\n```\nopen url http://localhost:3000/admin/#/bar\n```\n"},"comment":{"url":"https://api.github.com/repos/vuejs/vue-router/issues/comments/267743064","html_url":"https://github.com/vuejs/vue-router/issues/713#issuecomment-267743064","issue_url":"https://api.github.com/repos/vuejs/vue-router/issues/713","id":267743064,"user":{"login":"ubershmekel","id":77754,"avatar_url":"https://avatars.githubusercontent.com/u/77754?v=3","gravatar_id":"","url":"https://api.github.com/users/ubershmekel","html_url":"https://github.com/ubershmekel","followers_url":"https://api.github.com/users/ubershmekel/followers","following_url":"https://api.github.com/users/ubershmekel/following{/other_user}","gists_url":"https://api.github.com/users/ubershmekel/gists{/gist_id}","starred_url":"https://api.github.com/users/ubershmekel/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ubershmekel/subscriptions","organizations_url":"https://api.github.com/users/ubershmekel/orgs","repos_url":"https://api.github.com/users/ubershmekel/repos","events_url":"https://api.github.com/users/ubershmekel/events{/privacy}","received_events_url":"https://api.github.com/users/ubershmekel/received_events","type":"User","site_admin":false},"created_at":"2016-12-17T04:40:35Z","updated_at":"2016-12-17T04:40:35Z","body":"For anyone still finding this thread, this is how I ended up getting past this error for my browserify and typescript setup:\r\n\r\n```\r\nimport * as Vue from 'vue/dist/vue.common.js' ;\r\n\r\nvar app = new Vue({\r\n    el: '#app',\r\n    data: {\r\n        message: 'Hello Vue!'\r\n    }\r\n});\r\n```\r\n"}}
{"actor":{"display_login":"ubershmekel"}}