找不到模块：无法解析“反应分页”答案

【问题标题】：Module not found: Can't resolve 'react-pagination'找不到模块：无法解析“反应分页”
【发布时间】：2021-04-10 15:37:32
【问题描述】：

我已经使用以下命令安装了 react-pagination：-

npm i react-bootstrap-4-pagination

我的代码：-

import React, { Component } from "react";
import { Link } from "react-router-dom";

import Pagination from 'react-pagination';


let paginationConfig = {
  totalPages: 22,
  currentPage: 15,
  showMax: 5,
  size: "lg",
  threeDots: true,
  prevNext: true,
  href: 'https://example.com/items?page=*', // * will be replaced by the page number
  pageOneHref: 'https://example.com/items',
  borderColor: 'red',
  activeBorderColor: 'black',
  activeBgColor: 'grey',
  disabledBgColor: 'red',
  activeColor: 'red',
  color: 'purple',
  disabledColor: 'green',
  circle: true,
  shadow: true
};




   <Pagination
        threeDots
        totalPages={22}
        currentPage={15}
        showMax={7}
        prevNext
        activeBgColor="#18eaca"
        activeBorderColor="#7bc9c9"
      />

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>

我们将不胜感激！

【问题讨论】：

我想这会有所帮助：stackoverflow.com/questions/58211880/… 并确保你有文件扩展名 jsx | tsx 而不是 .js | .ts 用于组件文件。

标签： javascript reactjs react-pagination

【解决方案1】：

问题在于包文档，因为导入说明不正确here at official page。

import Pagination from 'react-pagination';

上面的import语句应该是

import Pagination from "react-bootstrap-4-pagination";

但是在代码和box.io的包官方页面提供的现场演示中正确地说明了code for live demo provided in official docs

【讨论】：

【解决方案2】：

你需要安装 react-pagination:

npm install react-bootstrap bootstrap

并像这样导入：

import Pagination from 'react-bootstrap/Pagination'

【讨论】：