npm启动后如何解决导入错误

Question

刚开始使用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> 
    )
  }   
}

Answer 1

您需要导出您的App组件。

在组件下放置export default App

它应该看起来像：

import React, {Component} from 'react';

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

export default App

Answer 2

导出应用程序组件尝试以下操作

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