Uncaught ReferenceError: Vue не определен - но только иногда - PullRequest
0 голосов
/ 31 октября 2018

В приложении на основе шаблонов, представленных 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

1 Ответ

0 голосов
/ 31 октября 2018

Vue не должен быть загружен при использовании. Вы проверили, есть ли ошибка сети при загрузке скрипта vue.js? Если Vue уже загружен, то должен быть функционал Vue. 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>
...