[Vue]CDNを使用したインストール時のVue is notコンストラクタエラー

7398 ワード
vue CDN bug-fix テキストリンク
HTMLファイルにVueをインストールする場合、CDNを使用できます.
https://kr.vuejs.org/v2/guide/installation.html#CDN
会社POSプログラムのポップアップ.htmlはCDNを使用してVUEをインストールしますが、最近ポップアップウィンドウで異常なエラーが発生しました.チェックしたところ、以下のエラーが発生しました.

ファイルのコードは次のとおりです.
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<body>
	<script type="text/javascript">
    	const app = new Vue({
        	el: '#app',
        	...
        })
    </script>
</body>
問題の状況
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
前述したように、最新バージョンのVueがインストールされ、最近のVue 3がdefaultに変更されました.
(関連ブログ:https://yohanpro.com/posts/vue3/vue3-default)
Vue 3構文は、new Vue()を使用し、Vue 2ではcreateAppを使用しない.
📍 Vue3
import { createApp } from 'vue';
import App from './App.vue';
createApp(App).mount('#app');
📍 Vue2
import Vue from 'vue';
import App from './App.vue';

new Vue({
  render: h => h(App),
}).$mount('#app');
これは、CDNがVueジェネレータを使用しないVue 3をインストールし、コードがnew Vue({})を使用したことによるエラーで、Vue is not a constructorと呼ばれています.
解決策
簡単な解決策は、CDNに特定のバージョンをインストールするために<script>を変更することです.
 <script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
この問題は解決できるが、より信頼できる方法は、vue.min.jsの静的フォルダに保存することである.
https://cdn.jsdelivr.net/npm/[email protected]のコンテンツをコピーし、プロジェクトのstatic/js/vue.min.jsファイルを作成しました.
その後、CDNからインストールするのではなく、静的フォルダからロードするようにHTMLファイルを変更します.
<script src="/static/js/vue-2.6.0.min.js"></script>
私はVue 3がdefaultになることを知っていますが、このような問題が発生するとは思わなかった.1つのバージョンを指定することがどれほど重要か分かりませんが、この機会にそれを認識できると思います.🥲
Docker +さびによる第一歩
Mysqlインストールinnodbサポート