facing issue in react js showing "Cannot use import statement outside a module"

Question

import React from 'react';
import ReactDOM from 'react-dom';
import './Navigation';

ReactDOM.render(
  <React.StrictMode>
    <Navigation/>
  </React.StrictMode>,
  document.getElementById('root')
);

showing syntax error Cannot use import statement outside a module"

Answer 1

change import './Navigation'; to import Navigation from './Navigation';

if Navigation is not default export then change it to import { Navigation } from './Navigation';

Answer 2

If you are loading this file from your HTML you will need to set the type to module on the script tag.

Like: <script type="module" src="/path/to/file.js"></script">