Javascript Can'；t解析'/node_modules/bootstrap/dist/css/bootstrap.min.css'；？

我试图在我的项目中使用react-bootstrap-table2创建一个简单的引导表，但出现错误：

未能编译：未找到模块：无法在“/Users/xxx/Documents/xxx/src/routes/home”中解析“../node\u modules/bootstrap/dist/css/bootstrap.min.css”

我确实安装了所有必要的软件包，并验证了bootstrap.min.css存在于它应该存在的地方

我的代码如下所示：

import React from 'react';
import '../node_modules/bootstrap/dist/css/bootstrap.min.css'; 
import BootstrapTable from 'react-bootstrap-table-next';

class Home extends React.Component {
  state = {
    products: [
      {
        id: 1,
        name: 'TV',
        'price': 1000
      },
      {
        id: 2,
        name: 'Mobile',
        'price': 500
      },
      {
        id: 3,
        name: 'Book',
        'price': 20
      },
    ],
    columns: [{
      dataField: 'id',
      text: 'Product ID'
    },
    {
      dataField: 'name',
      text: 'Product Name'
    }, {
      dataField: 'price',
      text: 'Product Price',
      sort: true
    }]
  } 

  render() {
    return (
      <div className="container" style={{ marginTop: 50 }}>
        <BootstrapTable 
        striped
        hover
        keyField='id' 
        data={ this.state.products } 
        columns={ this.state.columns } />
      </div>
    );
  }
}

export default Home;

有没有关于如何解决该错误的建议？

试试以下方法：

import 'bootstrap/dist/css/bootstrap.min.css';

---

未指定路径时，节点/网页包将在

节点\u模块

文件夹中搜索导入。我不确定出了什么问题，但这是从

node\u modules

文件夹导入模块的正确方法。

node\u modules中的目录不需要路径前缀。这解决了问题，谢谢！只要Stack允许，我就会接受。这行应该怎么做？当我尝试导入font-awesome@import'font-awesome/css/font-awesome.min.css'时，这个解决方案也对我有效；

import 'bootstrap/dist/css/bootstrap.min.css';