您好,我正在尝试将jquery和bootstrap包含到Reactjs项目中,但是我正在使用es6导入来做到这一点。我已将导入内容包含在索引文件中,如下所示。但是在页面加载时,它会给出错误消息,提示Bootstrap的Javascript需要jquery。我已经npm安装了所有必需的软件包。如何将jquery放入捆绑并缩小的最终脚本文件中?
import $ from 'jquery';
import '../node_modules/bootstrap/dist/css/bootstrap.min.css';
import '../node_modules/bootstrap/dist/js/bootstrap.min.js';
最佳答案
在此网站上找到了答案here
步骤1:同时安装jquery和bootstrap
npm install jquery bootstrap --save
步骤2:将它们导入vendor.ts:
import 'jquery';
import 'bootstrap/dist/js/bootstrap';
步骤3:转到config目录中的wepback.common.js并将其添加到插件部分:
plugins:[
.....
..... ,
new webpack.ProvidePlugin({
jQuery: 'jquery',
$: 'jquery',
jquery: 'jquery'
})
]
这将使 bootstrap 找到jquery
如here所述,您不能依赖ES6遵守
import
语句的顺序