Uncaught SyntaxError: Unexpected token import - Reactjs

Question

My app was working perfectly fine just before i installed simple-react-bootstrap After installing it is now showing blank page and in console it's showing error:

Uncaught SyntaxError: Unexpected token import

I have checked almost every solution on stackoverflow but it doesn't seems to work.

I have tried this:

npm install --save-dev babel-plugin-transform-es2015-modules-commonjs

This:

npm install babel-preset-es2015 babel-preset-react --save-dev

BABELRC file:

{
  "presets": ["react-app"]
}

And other similar solutions. Any help?

Try using `["es2015", "react"]` in the presets. And let me know. if it worked — Shubham Jain, Sep 29 '17 at 08:02
I have used `"presets": ["es2015", "react", "react-app"]` but no it's not working :( — Noman Ali, Sep 29 '17 at 08:13
Did you tried removing the `react` preset and then running too? — Shubham Jain, Sep 29 '17 at 08:18
Yes Sir, same error. don't know what's wrong with `simple-react-bootstrap` — Noman Ali, Sep 29 '17 at 08:20
Why dont you try using http://react-bootstrap.github.io instead of `simple-react-bootstrap` — Shubham Jain, Sep 29 '17 at 08:21
check this out https://stackoverflow.com/questions/38405514/webpack-babel-loading-error-uncaught-syntaxerror-unexpected-token-import — Shivansh Singh, Sep 29 '17 at 08:23
I have tried that answer still not working. :( @ShivanshSingh — Noman Ali, Sep 29 '17 at 09:56

score 1 · Accepted Answer · answered Sep 29 '17 at 10:06

1

So, i have resolved this by removing react-simple-bootstrap module from my app. That was making issue. Incase.

answered Sep 29 '17 at 10:06

Noman Ali

3,160
10
43
77

Uncaught SyntaxError: Unexpected token import - Reactjs

1 Answers1