CDN版Vue.jsでCDNサーバーがダウンしている場合の対策について

Question

vue.jsを読み込んでいるwebサイトがあります。
以下のソースコードでvue.jsを読み込んでいます。

<script rel="javascript" src="https://cdn.jsdelivr.net/npm/vue@2.6.12" defer></script>

仮にCDNのサーバーがダウンした時の対策を考えており以下の記事に行き着きました。
CDN版Vue.jsのCDNサーバーが落ちている場合の対策(Qiita)

こちらを参考にしてみたのですが、

<script rel="javascript" src="https://cdn.jsdelivr.net/npm/vue@2.6.12" defer></script>
<script>console.log(window)</script>

とすると、記事と同様にVueの出力が確認できました。
しかし、記事と同じように以下のようにすると、

<script rel="javascript" src="https://cdn.jsdelivr.net/npm/vue@2.6.12" defer></script>
<script>window.Vue || document.write('<script src="/hoge/fuga/vue.js"></script>')</script>

結果は、ローカルのJSファイル読み込みとなります。
CDNのvue.jsは正常に読み込まれております。

<script rel="javascript" src="https://cdn.jsdelivr.net/npm/vue@2.6.12" defer></script>
<script>console.log(window.Vue)</script>

とすると、undefined となります。

解決方法について、ご教授いただけますようお願いします。

Comments

[68user]

その defer は意図してつけてますか?

> とすると、記事と同様にVueの出力が確認できました。
と
> とすると、undefined となります。
のスクリプトが全く同じに見えますがあってますか?

あと関係ないとは思いますが、<script> を </script> になおしても同じ結果ですか?

[aoiharu]

ご指摘ありがとうございます。
指摘いただきました、deferについては意図していませんでした。
削除すると意図した結果が返ってきました。
ありがとうございました。

[68user]

それはよかったです。解決済みとしておいてください。

Answer 1

<script rel="javascript" src="https://cdn.jsdelivr.net/npm/vue@2.6.12" defer></script>

のdeferを削除することで解決しました。

<script rel="javascript" src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>