尝试导入错误："容器"未从"反应引导程序"导出

Question

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

Answer 1

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

import componentName from 'react-bootstrap/componentName '

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

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

你可以查看官方的API