尝试导入错误：“容器”未从“反应引导”导出答案

【问题标题】：Attempted import error: 'Container' is not exported from 'react-bootstrap'尝试导入错误：“容器”未从“反应引导”导出
【发布时间】：2020-12-26 05:55:14
【问题描述】：

错误信息：编译失败。 ./src/App.js 未找到模块：无法解析“D:\Study\React\projects\search-app\src”中的“react-bootstrap”

index.js

import React from "react";
import ReactDOM from "react-dom";
import "bootstrap/dist/css/bootstrap.css";
import "./index.css";
import App from "./App";
import * as serviceWorker from "./serviceWorker";

ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById("root")
);

serviceWorker.unregister();

App.js：

import React, { Component } from "react";
import { Container, Jumbotron } from "react-bootstrap";

class App extends Component {
  render() {
    return (
      <div>
        <Jumbotron>
          <Container>
            <h1>Search App</h1>
            <p>This is a simple search app</p>
          </Container>
        </Jumbotron>
      </div>
    );
  }
}
export default App;

【问题讨论】：

你确定你的依赖中有它吗？
您好，如果您有依赖，请尝试运行npm install

标签： reactjs bootstrap-4

【解决方案1】：

在 react-bootstrap 中导入组件的正确语法如下：

import componentName from 'react-bootstrap/componentName '

所以在你的情况下你应该这样做：

import Container from 'react-bootstrap/Container'
import Jumbotron from 'react-bootstrap/Jumbotron'

您可以查看the official API

【讨论】：