在react中报fn undefined about react-owl-carousel

[rainst]

I found a simpler solution, require jquery like this:

import OwlCarousel from 'react-owl-carousel';
const $ = require('jquery');

and you can use $ wherever you want in your component (tested in my code)

[rainst]

Ok, i see your problem now...

I found this answer that might help you it's very similar to what you were doing, try to see if it works for you:
https://stackoverflow.com/questions/44088235/how-to-use-jquery-dependant-plugins-in-create-react-app

[usamamashkoor]

Thanks, @rainst for your great solutions kindly let me try them.

Thanks again :)

[danranshizhi]

是不是这个插件只能在webpack中使用？因为之前在webpack中使用是没问题的

[GeKorm]

The version of jquery is 3.3.1, the version of react is 16.3, which meets the requirements, but it is still reported fn undefined. How to deal with this situation?

Same problem here

[rainst]

fn undefined usually means jquery is not defined.. how are you including jquery in your project??

[usamamashkoor]

@rainst I am using the jquery like this
import OwlCarousel from 'react-owl-carousel';
import $ from 'jquery';

window.jQuery = $;
window.$ = $;
global.jQuery = $;

but i am still facing the issue

TypeError: Cannot read property 'fn' of undefined react

Can you please help me on this, please...?

jquery version is 3.4.0

[rainst]

Hi @usamamashkoor,i think you are not doing it right..

I guess that when you are doing this:

window.jQuery = $;
window.$ = $;
global.jQuery = $;

you are trying to expose jquery in the react component, but that's not the proper way of doing it, try to see if this solution is working:

https://stackoverflow.com/questions/45693800/how-to-use-a-jquery-dependent-node-module-in-react-js

[usamamashkoor]

Thanks, @rainst but can you please let me know how can I add a plugin in web pack in create react app...?