Index.js import error

1

Hello, I am following this link:https://serverless-stack.com/chapters/handle-routes-with-react-router.html, But once i delete rm src/logo.svg and add below to my index.js:

ReactDOM.render(

      <Router>
        <App />
      </Router>,
      document.getElementById("root")
    );

in my src/index.js i get errors when i add import App from "./App";, please see below errors:

Error 01

./src/index.js
Line 10: ‘App’ is not defined react/jsx-no-undef

Search for the keywords to learn more about each error.

Error 2

./src/index.js

Attempted import error: 'App' is not exported from './App'.

If anyone can please advise where i am going wrong, thank you?

Thank you,

2

The error is basically saying that App wasn’t exported in your App.js. What does that file look like?

3

Hello @jayair,

Seems like i past that, and now I am stuck with this error:

Failed to compile

```
./node_modules/react-bootstrap/es/AccordionContext.jsError: ENOENT: no such file or directory, open '/home/ec2-user/environment/react/node_modules/react-bootstrap/es/AccordionContext.js'
```

This error occurred during the build time and cannot be dismissed.

Seems like we are missing AccordionContext.js, if so how do i get this?

Thank you Jay

4

got it working,

npm cache clean --force

Please see github issue Link

Thank you,

1 Like