Materialize: Uncaught TypeError: e.velocity is not a function(…)

Created on 23 Oct 2016 · 12Comments · Source: Dogfalo/materialize

Using Laravel 5.3 with Gulp and Elixir. Materialize installed via npm.

Error:
When mobile slidenav collapsed button is clicked:

When dragging from side with mobile gesture to show the sidebar:

Code:
window.$ = window.jQuery = require('jquery');
global.Tether = require('tether');
require('materialize-css');

$(".button-collapse").sideNav();

awaiting-reply bug thirdparty

Source

rol4400

Most helpful comment

I used @patombugua solution from https://github.com/InfomediaLtd/angular2-materialize/issues/20 to include materialize jquery instead of standard one, and it worked well.

window.$ = window.jQuery = require('materialize-css/node_modules/jquery/dist/jquery.js'); require('materialize-css');

kduszczy on 13 Nov 2016

👍12 🎉5 ❤4

All 12 comments

kmmbvnr on 23 Oct 2016

Yea, I fixed the issue by renaming the node_modules folder that was included in the package so that jquery wasn't included twice. You should really remove the jquery from the package.

rol4400 on 23 Oct 2016

I used @patombugua solution from https://github.com/InfomediaLtd/angular2-materialize/issues/20 to include materialize jquery instead of standard one, and it worked well.

window.$ = window.jQuery = require('materialize-css/node_modules/jquery/dist/jquery.js'); require('materialize-css');

kduszczy on 13 Nov 2016

👍12 🎉5 ❤4

Can someone check if this also fixes the webpack problem? Just to be sure?
https://github.com/Dogfalo/materialize/pull/3782#issuecomment-300734634

tomscholz on 11 May 2017

I applied the patch locally and still getting the following errors:
Uncaught TypeError: $overlay.velocity is not a function

NoFr1ends on 2 Jun 2017

@DevChuckNorris Can you also check https://github.com/Dogfalo/materialize/pull/3552?

tomscholz on 2 Jun 2017

@kduszczy strange enough but this was the only sullotion working for me. Thx a lot friend.

ps: I hope they fix this asap. Its a grat library.

T0miii on 13 Jun 2017

@T0miii I commented on 13 November so if its still not working the asap is not the proper term :smile:

kduszczy on 13 Jun 2017

😄1

Any alternative for use Jquery v3.2 instead? @kduszczy solution works fine, but It would be better a cleaner approach, any idea? :confused:

Edit: Aparently in v0.99 it's solved this.

yammadev on 19 Jun 2017

Since #4774 materialize shouldn't use the it's own bundled version of jQuery anymore. Can someone check if the problem has been resolved in the latest version, so we can close this issue?
bildschirmfoto 2017-06-27 um 18 31 37