Uncaught ReferenceError: Vue не определен - но только иногда

Question

В приложении, основанном на шаблонах, представленных Apache Velocity, я пытаюсь включить компоненты vue.js. Однако я испытываю "Uncaught ReferenceError: Vue не определено" при попытке использовать части приложения, где предполагается наличие vue.js.

Что меня озадачивает, так это то, что эта ошибка не является последовательной. Это случается большую часть времени, однако время от времени это будет работать безупречно. Из моего онлайн-исследования, как на 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)

Сетевой ответ:

Ответ является содержанием https://cdn.bootcss.com/vue/2.5.17/vue.min.js

Answer 1

Он должен быть не загружен при использовании. Вы проверили, есть ли ошибка сети при загрузке скрипта vue.js? Если Vue уже загружен, то должен быть функционал Vue.

<script src="https://cdn.bootcss.com/vue/2.5.17/vue.min.js"></script>


<div id="app">
  {{ message }}
</div>


<script>
var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
})
</script>