57

导入 Bootstrap 和 Jquery 后，编译时会显示此错误。

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import 'bootstrap/dist/css/bootstrap.css';
import './index.css';

global.jQuery = require('jquery');
require('bootstrap');
4

8 回答 8

164

Popper.js 是 Bootstrap 4 的依赖项，用于显示弹出窗口。它是引导程序的对等依赖项，这意味着它是引导程序需要但在安装时不包含在自身中的东西。所以要安装 popper.js 运行

npm install popper.js --save

它被设置为对等依赖项，因为有些人只使用 Bootstrap 的 css 而没有 javascript。jQuery 和 popper.js 是需要单独安装的对等依赖项。如果你需要 Bootstrap 的 javascript，你需要在 Bootstrap 4 旁边安装 jQuery 和 popper.js。

Bootstrap 5需要“Popper.js Core ”，而不是 Popper.js。你应该运行它：

npm install @popperjs/core --save

（感谢@Kyouma 在评论中添加此内容）

于 2019-08-12T11:29:05.140 回答
5

很简单，你可以访问这个，并将文件保存为 popper.min.js

然后导入它。

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import 'bootstrap/dist/css/bootstrap.css';
import './index.css';
import 'bootstrap/dist/js/popper.min.js';
global.jQuery = require('jquery');
require('bootstrap');
于 2020-04-22T17:30:40.250 回答
5

对于引导程序 5，您将

npm 用户： npm install @popperjs/core --save

对于纱线用户： yarn add @popperjs/core

然后像这样导入引导程序：


import 'bootstrap/dist/js/bootstrap.bundle';
于 2022-01-10T13:39:07.583 回答
3

就像 tomi0505 写的一样，你需要导入 bootstrap 和其他类似的东西：

import 'jquery';
import '@popperjs/core'; // Edit here
import 'bootstrap/dist/js/bootstrap.bundle';

之后它会正常工作，我希望。

于 2021-01-03T14:53:27.300 回答
3

您可以直接导入

import bootstrapBundle from './../path to node modules/../node_modules/bootstrap/dist/js/bootstrap.bundle.min.js';

无需安装popper

于 2021-05-10T15:29:46.340 回答
2

在 package.json 文件中添加 popper.js 作为依赖项，如下所示：

{
  "dependencies": {
    ...,
    "popper.js": "1.16.1",
    ...,
  }
}

并在添加所需的引导程序之前添加 popper.js 作为所需的导入，如下所示：

require('popper.js');
require('bootstrap');
于 2020-09-10T07:19:46.940 回答
1

如果您已安装：
npm install jquery popper.js

而不是：
global.jQuery = require('jquery');
require('bootstrap');

添加：
import $ from 'jquery';
import Popper from 'popper.js';
import 'bootstrap/dist/js/bootstrap.bundle.min';

看这个

于 2020-12-19T15:00:48.500 回答
0

Bootstrap 5需要“Popper.js Core”，你可以运行它：

npm install @popperjs/core --save
于 2021-11-13T14:33:29.207 回答