Estoy con este error, alguien podría ayudarme por favor!!! <code>Failed to compile. ./node_modules/vue-loader/lib/template-compiler?{"id...

Pregunta de la clase:
Incorporando Stylus y Pug
Dahiana Benitez

Dahiana Benitez

Pregunta
studenthace 7 años

Estoy con este error, alguien podría ayudarme por favor!!!

Failed to compile. ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-04c2046b","hasScoped":false,"buble":{"transforms":{}}}!./node_modules/vue-loader/lib/template-compiler/preprocessor.js?engine=pug!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/App.vue (Emitted value instead of an instance of Error) Error compiling template: <div id="app"></div><img src="./assets/logo.png"/><h1></h1><h2>Essential Links</h2><ul><li><a href="https://vuejs.org" target="_blank">Core Docs</a></li><li><a href="https://forum.vuejs.org" target="_blank">Forum</a></li><li><a href="https://chat.vuejs.org" target="_blank">Community Chat</a></li><li><a href="https://twitter.com/vuejs" target="_blank">Twitter</a></li></ul><h2>Ecosystem</h2><ul><li><a href="http://router.vuejs.org/" target="_blank">vue-router</a></li><li><a href="http://vuex.vuejs.org/" target="_blank">vuex</a></li><li><a href="http://vue-loader.vuejs.org/" target="_blank">vue-loader</a></li><li><a href="https://github.com/vuejs/awesome-vue" target="_blank">awesome-vue</a></li></ul> - Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead. @ ./src/App.vue 11:0-311 @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js```
2 respuestas
para escribir tu comentario
    Dahiana Benitez

    Dahiana Benitez

    studenthace 7 años

    Muchas gracias!! 😄

    Team Platzihace 7 años

    Debes tienes en el template un solo elemento root, en este caso tienes

    <div id="app"></div> <img .....

    y debe ser

    <div id="app:> <img ..... </div>

    Con esto ya no te dara el error. Todo el contenido debe estar dentro de un solo contenedor no tener varios contenedores.

Curso Básico de Vue.js 2016

Curso Básico de Vue.js 2016

No necesitas ser experto para crear interfaces web interactivas, Vue.js te ayuda a escribir código de forma fácil, entendible y sostenible. Comienza ya a crear aplicaciones web profesionales.

Curso Básico de Vue.js 2016
Curso Básico de Vue.js 2016

Curso Básico de Vue.js 2016

No necesitas ser experto para crear interfaces web interactivas, Vue.js te ayuda a escribir código de forma fácil, entendible y sostenible. Comienza ya a crear aplicaciones web profesionales.