Confusion on using Vue in projects

Web Development Front-End
1

I am 50% of the way through the learn Vue course, and due to the lack of projects I decided to do my own off platform project and implement what Ive learned as I go. after putting together the index.html (exactly how the course showed me) I found that the Vue object was not being recognized. all the course tells you to do to set up your project for Vue is to insert the following into the src of a script tag:

“https://cdn.jsdelivr.net/npm/vue/dist/vue.js”

when I do this I get the following error in the browser:

index.html:60 Uncaught ReferenceError: Vue is not defined
at index.html:60:25

This apparently is not all you need to do, other websites describe a need to install node.js and then create a vue project which is a large directory with a plethora of files and configurations that are not discussed in the course.
I really just want to create a project that is structured exactly as the course described. Is there a way to do this?

1 Like
2

Hi there!

I don’t know about the <script> provided in the lesson, but this CDN is provided directly from the Vue website.

<script src=“https://unpkg.com/vue@3/dist/vue.global.js”></script>

3

Hi, thanks for your response.
I tried that cdn and it didn’t work.
However I did just find the correct one, for anyone interested it is:
“https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js”

1 Like