search

CroudTech / vue-fullcalendar

FullCalendar Wrapper for vue
MIT License
483 stars 100 forks source link

Error in mounted hook: "TypeError: cal.fullCalendar is not a function" #219

Open JxSdGH opened 4 years ago

JxSdGH commented 4 years ago

image

BrockReece commented 4 years ago

Hi, we have seen this error in some other recently opened issues. Can you try upgrading to vue-full-calendar@2.8.1-0 and see if that fixes things.

JxSdGH commented 4 years ago

That's what I'm using

BrockReece commented 4 years ago

Hmm ok... let me test it again in my demo repo.

JxSdGH commented 4 years ago

haha ok

BrockReece commented 4 years ago

I have just updated my demo repo to the latest version and it is working. https://github.com/BrockReece/vue-fullcalendar-example Which versions of jQuery and fullcalendar are you using?

JxSdGH commented 4 years ago

3.4.1

JxSdGH commented 4 years ago

3.4.1 and 2.8.1

BrockReece commented 4 years ago

The example repo is using fullcalendar@3.10.1 and jquery@3.4.1

JxSdGH commented 4 years ago

I got it wrong. It's the version you sent

JxSdGH commented 4 years ago

I found the reason, because I also introduced JQ

JxSdGH commented 4 years ago

As long as the project introduces jquery@3.4.1 You'll throw the error

JxSdGH commented 4 years ago

I hope you can fix it

vincio77 commented 4 years ago

Hi guys, in my project I encountered the same problem as @JxSdGH and despite having followed @BrockReece's indications I still had the problem. After playing around with the package file through npm I found a temporary workaround for my problem. I hope it will serve while waiting for the official fix.

I am attaching the sections of the package.json:

"devDependencies": { "axios": "^0.18.1", "babel-preset-env": "^1.7.0", "babel-preset-es2015": "^6.24.1", "babel-preset-stage-2": "^6.24.1", "bootstrap": "^4.4.1", "cross-env": "^5.2.1", "eslint": "^5.16.0", "icheck": "^1.0.2", "jquery": "^3.5.1", "jshint": "^2.11.0", "laravel-mix": "^4.1.4", "less": "^3.11.1", "less-loader": "^4.1.0", "lodash": "^4.17.15", "popper.js": "^1.16.1", "resolve-url-loader": "^2.3.2", "sass": "^1.26.1", "sass-loader": "^7.3.1", "vue": "^2.6.11", "vue-router": "^3.1.6", "vue-template-compiler": "^2.6.11" }, "dependencies": { "@johmun/vue-tags-input": "^1.6.0", "bootstrap-datepicker": "^1.9.0", "braces": "^3.0.2", "braintree-web": "^3.58.0", "braintree-web-drop-in": "^1.22.1", "clockpicker": "0.0.7", "datatables.net": "^1.10.20", "flatpickr": "^4.6.3", "fullcalendar": "^3.10.2", "gaugeJS": "^1.3.7", "jquery-sparkline": "^2.4.0", "jquery-toast-plugin": "^1.3.2", "jsgrid": "^1.5.3", "laravel-echo": "^1.6.1", "lodash.defaultsdeep": "^4.6.1", "luxon": "^1.22.0", "moment": "^2.24.0", "moment-range": "^4.0.2", "moment-timezone": "^0.5.28", "npm": "^6.14.0", "pdfmake": "^0.1.64", "pretty-checkbox-vue": "^1.1.9", "pusher-js": "^4.4.0", "select2": "^4.0.13", "tar": "^4.4.13", "v-select2-component": "^0.3.9", "vee-validate": "^2.2.15", "vue-2-breadcrumbs": "^0.4.2", "vue-color": "^2.7.1", "vue-currency-input": "^1.17.1", "vue-datetime": "^1.0.0-beta.11", "vue-flatpickr-component": "^8.1.5", "vue-full-calendar": "^2.8.1-0", "vue-i18n": "^8.15.4", "vue-i18n-plugin": "^0.2.2", "vue-papa-parse": "^1.3.0", "vue-scrollto": "^2.17.1", "vue-select": "^2.6.4", "vue-sweetalert2": "^1.6.4", "vue-tables-2": "^1.6.25", "vuex": "^3.1.2", "weekstart": "^1.0.1" } }

edsel77 commented 4 years ago

I've got the same error on the latest version

"jquery": "^3.5.1" "vue-full-calendar": "^2.8.0"

dansoppelsa commented 4 years ago

@vincio77 I could kiss you. Manually forcing the fullcalendar 3.10.2 dependancy fixed the issue!

vmeimar commented 3 years ago

@vincio77 Worked for me