如何修复此错误：“找不到模块：无法解析 popper.js”

Question

导入 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');

原文由 Ranindu 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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 在评论中添加此内容）

原文由 acesmndr 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

对于 bootstrap 5 你要

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

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

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

import 'bootstrap/dist/js/bootstrap.bundle';

原文由 OBI PASCAL BANJUARE 发布，翻译遵循 CC BY-SA 4.0 许可协议