尝试导入错误：未从“ react-bootstrap”导出“容器”

如何解决尝试导入错误：未从“ react-bootstrap”导出“容器”

错误消息： 编译失败。 ./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;

解决方法

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

import componentName from 'react-bootstrap/componentName '

因此，您应该这样做：

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

您可以检查the official API