jquery - 如何修复此错误: "Module not found :can' t resolve popper. js”

标签 jquery reactjs react-bootstrap react-popper

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

最佳答案

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

关于jquery - 如何修复此错误: "Module not found :can' t resolve popper. js”,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57459917/

相关文章:

javascript - insideHTML 无法在任何浏览器中工作

jquery - 如何使用 Bower 进行最小安装

asp.net-mvc - 使用 JSON 结果填充下拉列表 - 使用 MVC3、JQuery、Ajax、JSON 级联 DropDown

javascript - 如何获取 Form.Control - React Bootstrap 日期选择器的值?

javascript - 如何在点击时正确更改 react-bootstrap DropdownButton 的标题?

javascript - 使用 jQuery 滚动条允许 height%

javascript - 使用react中的map函数迭代json文件

javascript - react : Programmatically Creating table <td>s

React-Bootstrap Form.File 和 bs-custom-file-input。无法更改标签

javascript - React - 我放置在 css 网格上的简单单选按钮组件存在问题