[Vuejs]-[Vue warn]: Error in mounted hook: "TypeError: element.circleProgress is not a function"

by

0👍

✅

The error ‘element.circleProgress is not a function’ means that the jquery plugin circleProgress is not available at the moment.

This may be caused by if you load jquery multiple times on a page. Looking at your code I get the idea that you are loading jquery 2 times: The first time from code.jquery.com and the second time from /dash/js/jquery.min.js

<!-- load jquery for the first time: -->
<script src="//code.jquery.com/jquery-2.1.4.min.js"></script>

<!-- register plugin circle-progress -->
<script src="dist/circle-progress.js"></script>

<script src="https://unpkg.com/vue-multiselect@2.0.0-beta.14"></script>
<script src="https://vuejs.org/js/vue.min.js"></script>

<!-- Load jquery a second time? -->
<script src="/dash/js/jquery.min.js" type="text/javascript"></script>

If that is the case you should decide which jquery you require and make sure you only load that once. The second time you load jquery all previously registered plugins are cleared/forgotten and that may cause the error ‘element.circleProgress is not a function’, which means that the circleProgress plugin is not available.

Leave a comment