Apache Velocity によってレンダリングされたテンプレートに基づくアプリケーションで、vue.js コンポーネントを含めようとしています。ただし、vue.js が存在するはずのアプリケーションの部分を使用しようとすると、「Uncaught ReferenceError: Vue is not defined」が発生します。
私を困惑させているのは、このエラーが一貫していないことです。ほとんどの場合に発生しますが、時々問題なく動作します。ここSOと他の場所の両方での私のオンライン調査から、このような矛盾を抱えている人は誰も見つけていません。それ以外の人にとっては、100% の確率で機能するか、0% の確率で機能するように見えます。
今のところ、なぜこのようなことが起こるのか、なぜそれほど一貫性がないのかを理解したいと思います。
アカウント バスケット app.vm:
<!-- development version, includes helpful console warnings -->
<script src="/themes/javascript/vue.js"></script>
#parse_component("vue/account-basket-list-vue")
#parse_component("vue/account-basket-list-row-vue")
<script>
var app = new Vue({
el: '#account-baskets-vue'
})
</script>
コンソール出力:
account-baskets:953 Uncaught ReferenceError: Vue is not defined
at account-baskets:953
(anonymous) @ account-baskets:953
favicon.ico:1 GET http://localhost:8080/favicon.ico 404 (Not Found)
ネットワーク応答: