如何定义此$ react JS

编程问答 2022-06-22

问题描述

我已经使用create-react-app创建了应用。我导入owl.carousel，但为什么会显示此错误。

如何定义此$ 

  Line 12:15:  '$' is not defined  no-undef
  Line 21:5:   '$' is not defined  no-undef
  Line 24:5:   '$' is not defined  no-undef

这是组件代码 


    var owl = $(".owl-carousel");
    owl.owlCarousel({
      items: 4,loop: true,margin: 10,autoplay: true,autoplayTimeout: 1000,autoplayHoverPause: true,});
    $(".play").on("click",function () {
      owl.trigger("play.owl.autoplay",[1000]);
    });
    $(".stop").on("click",function () {
      owl.trigger("stop.owl.autoplay");
    });

无法读取未定义的属性。 this picture of error that I got

解决方法

使用ReactJS将jQuery导入到您的项目中，就像这样... 

import $ from 'jquery';

在执行此操作之前，必须将其安装到项目中。有关更多信息，请参见NPM文档：npm->jQuery。您可以通过...使用npm安装它。

npm install --save jquery

通过检查package.json文件并查看...

，您可以知道安装的工作原理。 
"dependencies": {
  "jquery": "^3.3.1",....
carouselowl-carouselreactjsreactjs