obatard obatard - 1 year ago 93
Javascript Question

Vue.js hello world won't render

I'm trying to create an Hello world app like in the get started documentation on the Vue.js site. Everything looks fine but the text isn't displayed on the page, just the html code.

Vue version : 1.0.26

Here's the html code :

<!DOCTYPE html>
<meta charset="utf-8" />
<div id="app">
<script src="vue.js"></script>
<script src="app.js"></scrip>

And here's the app.js code :

new Vue({
el: '#app',
data: {
message: 'Hello Vue.js!'

Of course, vue.js is the vue.js source file and both js files are loaded.

No errors in the console

What am I doing wrong ?

Answer Source
<script src="app.js"></scrip>

You have a typo. The t is missing from your end tag. Consequently the app.js script will never load.

Methods that might have detected this:

  • Look at the Developer Tools Network tab in your browser. You won't see the request for app.js
  • Validate your HTML
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download