将Jquery和Bootstrap与Es6 Import用于React App

小编典典

将Jquery和Bootstrap与Es6 Import用于React App

reactjs

您好，我正在尝试将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';

阅读 336

2020-07-22

共1个答案

小编典典

在这里找到本网站的答案

步骤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'
    })
]

这将使引导程序找到jquery

如此处所述，您不能依赖ES6来遵守import语句的顺序

2020-07-22