npm start 后如何解决导入错误答案

【问题标题】：How to solve import error after npm startnpm start 后如何解决导入错误
【发布时间】：2019-07-10 20:27:49
【问题描述】：

刚开始使用 react，我正在学习教程。我和他有相同的代码，但我收到以下错误。

./src/index.js

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

这是我的索引和组件文件。

我的 index.js 文件

import React from 'react';
import ReactDOM from 'react-dom';
import  App from './components/App';


ReactDOM.render(

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

)

我的 App.js

import React, {Component} from 'react';

class App extends Component {
  render(){
    return(
      <div>Ageteller Component</div> 
    )
  }   
}

【问题讨论】：

你是如何从 App 导出的？
你没有导出类：export default class App extends Component { ... }

标签： javascript reactjs

【解决方案1】：

您需要导出您的 App 组件。

在组件下面放export default App

应该是这样的：

import React, {Component} from 'react';

class App extends Component {
  render(){
    return(
      <div>Ageteller Component</div> 
    )
  }   
}

export default App

【讨论】：

非常感谢。这家伙没有导入并且他的代码运行了，我不知道如何大声笑

【解决方案2】：

导出应用组件尝试关注

import React, {Component} from 'react'; 
    export default class App extends Component {
      render(){
        return(
          <div>Ageteller Component</div> 
        )
      }   
    }

【讨论】：