Skip to main content
título editado
Enlace
user128299
user128299

Ejemplo simple con vue.js no funciona [Vue warn]: Cannot find element: #app

se eliminaron 2 caracteres en el cuerpo; etiquetas editadas
Origen Enlace
user128299
user128299

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

[Vue warn]: Cannot find element: #app

¿Que es lo que estoy haciendo mal?

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?

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?

se añadieron 83 caracteres en el cuerpo
Origen Enlace
MrCode
  • 55
  • 1
  • 10

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?

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 }} 

¿Que es lo que estoy haciendo mal?

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?

cuerpo editado
Origen Enlace
MrCode
  • 55
  • 1
  • 10
Loading
Origen Enlace
MrCode
  • 55
  • 1
  • 10
Loading