Uncaught referenceerror: vue не определен, но только иногда

В приложении, основанном на шаблонах, созданных Apache Velocity, я пытаюсь включить компоненты vue.js. Однако я испытываю ошибку «Uncaught ReferenceError: Vue is not defined» при попытке использовать части приложения, в которых должен присутствовать 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

0
0
1 003
1

Ответы 1

Когда вы его используете, он должен быть не загружен. Вы проверяли, есть ли сетевая ошибка при загрузке vue.js с использованием скрипта? Если Vue загрузился, должна появиться функция golbal Vue func. enter image description here

<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>

Я загружаю его локально и не использую внешний CDN. Я подозревал проблемы с сетью, но ошибок, связанных с загрузкой скрипта, не было. Кроме того, я не уверен, что вы пытаетесь сказать своим ответом. Не могли бы вы уточнить?

Maritim 31.10.2018 14:34

Это странно, если при загрузке vue. В любом случае вы можете изменить <script src = "/ themes / javascript / vue.js"> </script> на <script src = "cdn.bootcss.com/vue/2.5.17/vue.min.js"></script>

Potato Running 31.10.2018 14:48

Я пробовал использовать этот CDN, но функция по-прежнему не регистрируется, хотя скрипт включен.

Maritim 31.10.2018 14:51

Другие вопросы по теме