jquery - 如何修复此错误: "Module not found :can' t resolve 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');

Answer 1

Popper.js 是 Bootstrap 4 的依赖项，用于显示弹出窗口。它是 bootstrap 的对等依赖项，这意味着它是 bootstrap 需要的东西，但在安装时不包含在其自身中。因此要安装 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 在评论中添加此内容)