尝试导入错误：“App”未从“./App”导出

Question

我正在开发一个货币转换器应用程序，我从代码笔（https://codepen.io/jmean/pen/Oxmgxp）获得了代码。我正在尝试运行此代码，但出现此错误：./src/index.js 尝试导入错误：'App' 未从 './App' 导出。

我试过添加导出默认 App(); 在 index.js 和 App.js 文件上，但它不起作用。

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

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

我希望代码能够像在代码笔上一样编译并显示在浏览器上。

Answer 1

如果是默认导出，则不需要将导入放在花括号中。

import App from './App';

是你应该写的。

Answer 2

有两种方法可以构建导入/导出对。

默认：

应用程序.js

export default class App { ... }

索引.js

import App from './App';

命名：

应用程序.js

export class App { ... }

索引.js

import { App } from './App';