質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Q&A

2回答

527閲覧

vueが読み込まれず困っている。

zero-penguin

総合スコア1

Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

1グッド

0クリップ

投稿2023/05/11 03:12

1. 【必須】やりたい・やりたかったこと

Vue.jsを用いたToDoアプリを作成したい。
コードは完成したのでローカルでhtmlを立ち上げた完成形を確認したかったのだが、vue.jsが読み込まれず断念している。

2. 【必須】起きている問題やエラーメッセージ ※できるだけ詳細に書いてください

デベロッパーツールでエラーを確認すると下記のようになっていた。

スクリーンショット (37).png

main.js:21の部分は下記のようなエラー表示だった。

スクリーンショット (38).png

気になった箇所は以下だったので、

Uncaught TypeError: Vue is not a constructor

その改善を試みた

3. 【必須】ご自身で試されたこと ※できるだけ詳細に書いてください

・Vueとnode.jsを自身のパソコンにインストールした。
・以下のようにその箇所を変更した。

const app = new Vue({

new Vue({

また、

script src="https://cdn.jsdelivr.net/npm/vue"

script src="https://cdn.jsdelivr.net/npm/vue@5.0.8/dist/vue.js"

4. 関連するURL ※GithubのリポジトリリンクやサーバーのURLなど

gitリポジトリ↓
https://github.com/zero-penguin/viewapp

5. 使用言語・ライブラリのバージョン ※できるだけ詳細に書いてください

vue.js==5.0.8
node.js==18.16.0
npm==9.5.1

tkmtmkt👍を押しています

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答2

0

気になった個所のエラーは、その前のFailed to load resourceでvue.jsのロードに失敗しているために発生しているものです。

以下のURLはjsDeliterのvue.jsの説明ページです。

説明ページにscript srcの記述について以下の通り記載されています。

js:static選択

1<script src=" 2https://cdn.jsdelivr.net/npm/vue@3.3.1/dist/vue.global.min.js 3"></script>

js:latest

1<script src=" 2https://cdn.jsdelivr.net/npm/vue/dist/vue.global.min.js 3"></script>

投稿2023/05/11 23:17

編集2023/05/11 23:24
tkmtmkt

総合スコア1800

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

現時点でのvue.js最新版は3.2.47ですのでvue5.0.8は存在しません

投稿2023/05/11 03:35

yambejp

総合スコア114583

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問