未捕获的ReferenceError:未定义Vue,但仅在某些时候

时间:2018-10-31 13:19:48

标签: javascript vue.js velocity apache-velocity

在基于Apache Velocity呈现的模板的应用程序中,我试图包括vue.js组件。但是,在尝试使用应该存在vue.js的应用程序部分时,我遇到了“ Uncaught ReferenceError:未定义Vue”。

让我感到困惑的是,此错误不一致。它确实会在大多数时间发生,但是有时会完美无瑕地工作。无论是在SO还是其他地方,从我的在线研究中,我都没有发现任何有这种不一致之处的人。对于其他所有人来说,它似乎要么在100%的时间内工作,要么在0%的时间内工作。

目前,我想了解为什么会发生这种情况以及为何如此不一致。

account-baskets-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 :(得分:0)

使用时应该不加载它。 加载vue.js使用脚本时是否检查网络错误? 如果已加载Vue,则应该有一个球状Vue函数。 enter image description here

int[] a = {1,10,33,55};
List<Integer> list=Arrays.asList(a); 
int total = list.size; 
Collections.sort(list);  
int element=list.get(total-3);