How to solve import error after npm start

Question

Just started using react and i am following a tutorial. I have the same code as him but i am getting the following error.

./src/index.js

Attempted import error: './components/App' does not contain a default export (imported as 'App')###

Here are my index and component file.

my index.js file

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


ReactDOM.render(

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

)

my App.js

import React, {Component} from 'react';

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

You didn't export the class: export default class App extends Component { ... } — Amir
– Amir, Commented Jul 10, 2019 at 20:33

Jake · Accepted Answer · 2019-07-10 20:38:42Z

2

You need to export your App component.

Under the component put export default App

It should look like:

import React, {Component} from 'react';

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

export default App

answered Jul 10, 2019 at 20:38

Jake

7427 silver badges21 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Rana Ibtisam Over a year ago

Thanks a lot. The guy didnt import and his code ran, i have no idea how lol

Sanaullah · Accepted Answer · 2019-07-13 09:27:41Z

0

export the App Component Try following

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

edited Jul 13, 2019 at 9:27

answered Jul 10, 2019 at 20:34

Sanaullah

3746 silver badges11 bronze badges

Collectives™ on Stack Overflow

How to solve import error after npm start

./src/index.js

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

./src/index.js

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related