当前位置: 首页 > 知识库问答 >
问题:

反应错误:__webpack_imported_module_4_jquery__default(…)(…)。modal不是函数

莫骞仕
2023-03-14

我正在用Bootstrap 4做一个react项目。引导程序已通过CDN导入。

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>

我想要的是在满足条件的情况下显示/隐藏一个模态。我已经导入了jquery

npm install jquery --save

在组件中

import $ from 'jquery'; <-to import jquery

$('#addSupModal').modal('show'); <- to show modal

但是在执行上面的行时,它会显示一个错误,如

Unhandled Rejection (TypeError): __WEBPACK_IMPORTED_MODULE_4_jquery___default(...)(...).modal is not a function

我读到了这个错误,它说可能是因为jquery与CDN和NPM一起导入了两次。我不确定原因是什么。但我也尝试过从一个方法导入jquery,但它不起作用。有什么建议吗?

暂时还没有答案

 类似资料:
  • 我有一个模式,我想在页面加载时打开。但是,我有一个错误:` 以下是我的jquery cdn包含,除了模态外,它还可以工作: null null

  • 如果我从'jQuery';中删除这个

  • 使用npm start启动React应用程序时发生此错误。。。 我试过以下方法: > 卸下node_模块包并重新安装 使用纱线代替npm 使用npm3.updatefsevent库 仍然得到这个错误吗 注意:如果我们创建反应应用程序新鲜/新纱线启动将工作,但我们关闭终端,并使用以下相同的东西重新启动错误发生 返回(新事件(路径))。打开('fsevent',回调)。start()^ TypeErr

  • 我想知道如何修复以下错误: 我知道我应该在构造函数内部进行绑定,也不能在onChange内部进行绑定,有什么想法吗?

  • 我想做我的水疗店。我制作了我需要的每件东西的还原器,但是当我呈现页面时,我收到了这条消息 TypeError:对象(…)不是功能模块/src/redux/store。jsc:/Users/Mycomputer/Desktop/Projects/React/2020\u 03\u 29\u workshop/src/redux/store。js:13 13 |导出默认createStore(root

  • 问题内容: 我是React的新手,正在尝试编写使用API​​的应用程序。我不断收到此错误: TypeError:this.setState不是一个函数 当我尝试处理API响应时。我怀疑此绑定有问题,但我不知道如何解决它。这是我组件的代码: 问题答案: 回调是在不同的上下文中进行的。您需要这样做才能在回调内部进行访问: 编辑:看起来您必须同时绑定和调用: