{"action":"opened","issue":{"url":"https://api.github.com/repos/vuejs/vueify/issues/153","repository_url":"https://api.github.com/repos/vuejs/vueify","labels_url":"https://api.github.com/repos/vuejs/vueify/issues/153/labels{/name}","comments_url":"https://api.github.com/repos/vuejs/vueify/issues/153/comments","events_url":"https://api.github.com/repos/vuejs/vueify/issues/153/events","html_url":"https://github.com/vuejs/vueify/issues/153","id":191437118,"number":153,"title":"Failed to mount component: template or render function not defined.  (found in root instance) - With or without standalone build","user":{"login":"jerricco","id":5925883,"avatar_url":"https://avatars.githubusercontent.com/u/5925883?v=3","gravatar_id":"","url":"https://api.github.com/users/jerricco","html_url":"https://github.com/jerricco","followers_url":"https://api.github.com/users/jerricco/followers","following_url":"https://api.github.com/users/jerricco/following{/other_user}","gists_url":"https://api.github.com/users/jerricco/gists{/gist_id}","starred_url":"https://api.github.com/users/jerricco/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jerricco/subscriptions","organizations_url":"https://api.github.com/users/jerricco/orgs","repos_url":"https://api.github.com/users/jerricco/repos","events_url":"https://api.github.com/users/jerricco/events{/privacy}","received_events_url":"https://api.github.com/users/jerricco/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2016-11-24T05:36:05Z","updated_at":"2016-11-24T05:36:05Z","closed_at":null,"body":"Hi guys, I've got a bit of a familiar problem, keeping getting the error:\r\n`[Vue warn]: Failed to mount component: template or render function not defined. \r\n(found in root instance)`\r\n\r\nHere's my webpack config:\r\n```javascript\r\nvar config_array = [] //Provide an array of configs for webpack, for multiple output paths\r\nvar webpack_config = { //Global webpack config\r\n\tdevtool: 'source-map',\r\n\tplugins: [\r\n\t\tnew webpack.ProvidePlugin({\r\n\t\t\t$: \"jquery\",\r\n\t\t\tjQuery: \"jquery\",\r\n\t\t\t\"window.jQuery\": \"jquery\"\r\n\t\t})\r\n\t],\r\n\tmodule: {\r\n\t\tloaders: [{\r\n\t\t\tloader: 'babel-loader',\r\n\t\t\ttest: /\\.js$/,\r\n\t\t\texclude: path.join(__dirname, \"./../../node_modules\"),\r\n\t\t\tquery: {\r\n\t\t\t\tpresets: ['es2015'],  \r\n\t\t\t\tplugins: ['transform-runtime'], \r\n\t\t\t}\r\n\t\t}]\r\n\t},\r\n\tresolve: {\r\n\t\talias: {'vue$': \"./../../node_modules/vue/dist/vue.js\"}\r\n\t},\r\n\tdebug: true\r\n}\r\n```\r\n\r\nI'm passing an array of configs so that each individual page 'controller' file can be transpiled with all of its depenencies, and load on their respective pages. Webpack bundles successfully every time but I can no longer seem to use `el: #app' to mount the root instance. \r\nTruth be told also, I am not sure whether I am running the standalone build or not, since nothing changes if I remove the **resolve**.\r\n\r\nFor the purpose of testing, the vue instance I am working with is as simple as can be:\r\n```javascript\r\nvar vm = new Vue({\r\n  el: '#app',\r\n  mounted: function() {\r\n    console.log('mounted')\r\n  }\r\n})\r\n```\r\n\r\nSome digging showed that I can require a html file with webpack and bind it to a template key in the instance, or use the render function. Unfortunately, this is not easily possible in my case since all the template files are .cfm files and many I am working with still require coldfusion to render some content. I understand it may be that I have to transfer all my root instances into .vue templates, but was hoping there was still a way Vue could simply bind to the existing DOM, as it does without using webpack.\r\n\r\nPlease let me know if there's any more code I need to supply, the old brain is a bit scattered after so much googling and I may have missed something obvious -__-"}}
{"actor":{"display_login":"jerricco"}}