Syntax error: Unexpected token in react while importing an component using React.lazy() method

Question

Failed to compile.

Error in ./src/App.js Syntax error: Unexpected token (11:31)

   9 | import Fastfood from "./Fastfood";
  10 | import Billing from "./Billing";
> 11 | const Fruit = React.lazy(() => import("./Fruit"));
     |                                ^
  12 | const App = () => {
  13 |   const isLogin = true;
  14 |

@ ./src/index.js 13:11-27

Bassem · Accepted Answer · 2020-05-03 16:17:54Z

2

You can add babel-plugin-syntax-dynamic-import by running this command:

npm install --save-dev babel-plugin-syntax-dynamic-import

then add it to your babel (ie: .babelrc file) configuration:

{
  "plugins": ["syntax-dynamic-import"]
}

answered May 3, 2020 at 16:17

Bassem

4,1804 gold badges26 silver badges56 bronze badges

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

Collectives™ on Stack Overflow

Syntax error: Unexpected token in react while importing an component using React.lazy() method

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related