您好,我正在尝试将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语句的顺序

10-05 20:18
查看更多