时间戳

首页 > 解决方案 > index.js 尝试导入错误：“./App”不包含默认导出（导入为“App”）

javascript - index.js 尝试导入错误：“./App”不包含默认导出（导入为“App”）

问题描述

我正在尝试使用 React 构建我的第一个应用程序以显示 React 引导程序，但从./src/index.js.

尝试导入错误：“./App”不包含默认导出（导入为“App”）。

有人可以帮忙吗？

这是index.js：

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';
import { Card } from "react-bootstrap";
import { Button } from "react-bootstrap";

ReactDOM.render(<App />, document.getElementById('root'));

const Example = (props) => {
    return (
        <Card style={ { width: "18rem" } }>
            <Card.Img variant="top" src="holder.js/100px180" />
            <Card.Body>
                <Card.Title>Card Title</Card.Title>
                <Card.Text>
                    Some quick example text to build on the card
                    title and make up the bulk of
                    the card's content.
                </Card.Text>
                <Button variant="primary">Go somewhere</Button>
            </Card.Body>
        </Card>
    );
};

export default Index;

serviceWorker.unregister();

import React from 'react';
import './App.css';
import "bootstrap/dist/css/bootstrap.min.css";
import { Card } from "react-bootstrap";
import { Button } from "react-bootstrap";

function App() {
    return (
        <Card style={ { width: "18rem" } }>
            <Card.Img variant="top" src="holder.js/100px180" />
            <Card.Body>
                <Card.Title>Card Title</Card.Title>
                <Card.Text>
                    Some quick example text to build on the card
                    title and make up the bulk of
                    the card 's content.
                </Card.Text>
                <Button variant="primary">Go somewhere</Button>
            </Card.Body>
        </Card>
    );
}

标签： javascripthtmlcssreactjsreact-bootstrap

解决方案

错误信息掌握了线索'./App' does not contain a default export (imported as 'App')

解决方案是添加一个默认导出：

应用程序.js

export default App;

推荐阅读