I am getting the error "Cannot use import statement outside a module" when I run my React Razzle app

Question

Razzle is a server side rendering framework.

Here is the error:

/home/ajay/Ajay Nagotha/Projects/react-ssr-demo/luma-ssr/node_modules/react-bootstrap/esm/Container.js:1
import classNames from 'classnames';
^^^^^^

SyntaxError: Cannot use import statement outside a module

Answer 1

If you are using Visual Studio Code and let it automatically add the imports, it can use the incorrect path.

When I ran into this in my Typescript project, I had Code do the import, which creates the code

import Container from 'react-bootstrap/esm/Container';

The correct code doesn't have the esm path and should be

import Container from 'react-boostrap/Container';