Skip to main content
5 de 5
título editado
user avatar
user avatar

[Vue warn]: Cannot find element: #app

Estoy intentando seguir este tutorial de vue.js pero al probar el primer ejemplo directamente no me funciona. Como si no pillara la librería de vue.

Mi HTML

<!DOCTYPE html>
<html lang="es">
<head>
    <title>Demo</title>
    <meta charset="utf-8" />
    <script src="https://unpkg.com/vue/dist/vue.js"></script>
    <script src="js/main.js"></script>
</head>

<body>
    <div id="app">
        {{ message }}
    </div>

</body>

</html>

Mi main.js

var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
})

Al abrir la página unicamente me muestra

{{ message }} 

La consola del navegador muestra

[Vue warn]: Cannot find element: #app

¿Que es lo que estoy haciendo mal?

MrCode
  • 55
  • 1
  • 10