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。

Answer 2

您可以Visit this很简单，然后将文件另存为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');

Answer 3

如果您已安装：
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';

look this

Answer 4

你可以像这样直接导入

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

无需安装popper

Answer 5

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

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

，还添加popper.js作为必需的导入，然后添加必需的引导程序，如下所示：

require('popper.js');
require('bootstrap');

Answer 6

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

monitor.wd

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

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

6 个答案: