TypeError: Cannot read property 'fn' of undefined in react js

Question

I have installed the owl carousel(npm install react-owl-carousel2). While running the code it is displaying the below error.

TypeError: Cannot read property 'fn' of undefined
    eval
    ././src/owl.carousel.js?:1667:4
    eval
    ././src/owl.carousel.js?:1701:3
    (anonymous function)
    C:/xampp/htdocs/new-react/node_modules/react-owl-carousel2/lib/OwlCarousel.js:63
      60 | /* 1 */
      61 | /***/ function(module, exports) {
      62 | 
     63 |   eval("'

What do I need to do for 'fn' of undefined error?

add jquery to your index.html, or declare it in the config file — Akhil Aravind
– Akhil Aravind, Commented Feb 19, 2020 at 6:09

Anas M.I · Accepted Answer · 2020-02-19 06:22:08Z

1

let owl_carousel = require('owl.carousel');
window.fn = owl_carousel;

https://github.com/OwlCarousel2/OwlCarousel2/issues/2537 https://github.com/OwlCarousel2/OwlCarousel2/issues/2206

answered Feb 19, 2020 at 6:22

Anas M.I

5922 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Chinnu Over a year ago

Thank u fr your reply.Where i need to type this code .In which file

Anas M.I Over a year ago

The file in which you have imported the owl carousel

Mitesh K · Accepted Answer · 2021-10-11 04:23:08Z

0

include this is plugin array path : Project\node_modules\react-scripts\config\webpack.config.js

     new webpack.ProvidePlugin({
        $: 'jquery',
        jQuery: 'jquery',
        'window.jQuery': 'jquery',
      }),

answered Oct 11, 2021 at 4:23

Mitesh K

7791 gold badge13 silver badges28 bronze badges

Collectives™ on Stack Overflow

TypeError: Cannot read property 'fn' of undefined in react js

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related