jquery - 使用 Jquery 和 Bootstrap 以及 Es6 Import for React App

Question

您好，我正在尝试将 jquery 和 bootstrap 包含到 Reactjs 项目中，但我使用 es6 导入来执行此操作。我已将导入包含在我的 index.js 文件中，如下所示。但在页面加载时，它会给出错误，指出 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';

Answer 1

在此网站上找到答案 here

第 1 步:安装 jquery 和 bootstrap

npm install jquery bootstrap --save

第 2 步:将它们导入到vendor.ts中:

import 'jquery';
import 'bootstrap/dist/js/bootstrap';

第 3 步:转到配置目录中的 wepback.common.js 并将其添加到插件部分:

plugins:[
    .....
    ..... ,
    new webpack.ProvidePlugin({   
        jQuery: 'jquery',
        $: 'jquery',
        jquery: 'jquery'
    })
]

这将使 bootstrap 找到 jquery

如上所述here您不能依赖 ES6 来尊重 import 语句的顺序