Vue.jsでタイピングゲームを作ろうとしたらエラーが出ました

Question

実現したいこと

Cloud9上のHTMLでVue.jsを使って簡単なタイピングゲームを作る

前提

AWSを学んでいる初心者です。
現在、Cloud9を使ってタイピングゲームを作っています。

しかし、Vue.jsのインスタンスを作ると、エラーが出ます。
どのように直せばよろしいでしょうか？

発生している問題・エラーメッセージ

Vue is not defined, please fix or add /global Vue/

該当のソースコード

        <script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.min.js"></script>
        <script>

            new Vue({
                el: '#app',
                data: {
                    trying: false,
                    typingText: '',
                    words: [
                        'egg',
                        'bag',
                        'rose',
                        'chair',
                        'bat',
                        'fish',
                        'notebook',
                        'pencil',
                        'dog',
                        'desk'
                    ],
                    solvedWords: []
                },
                methods: {
                    start() {

                        this.trying = true
                        this.solvedWords = []

                        Vue.nextTick(() => {

                            document.getElementById('input-typing').focus()

                        })

                    }
                },

Comments

[int32_t]

エラーメッセージに対処法が書いてありますが、試してみましたか?

[lily1219]

試して、ゲーム画面を開いたところ一瞬画面が写ってWelcome to Your Vue.js Appのページになりました

[int32_t]

エラーは解消したのでしょうか? もしそうなら、この質問は解決済みにしてもいいと思います。

[lily1219]

エラーメッセージを対処すると、エラー自体は消えるのですが正常に動かない状態です

[int32_t]

この質問は「Vue is not defined, ...」に関するものなので、それ以外の問題については扱うべきではありません。別の問題があるなら別の質問を立てましょう。

この質問を解決済みにするには、ご自身で解決方法を書いた回答を書いてそれをベストアンサーにしてください。

Answer 1

解決しました

解決しました