在 React JS 中面临问题，显示"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')
);

显示语法错误不能在模块外使用import语句"；

Answer 1

将import './Navigation';更改为import Navigation from './Navigation';

如果Navigation不是default export，则将其更改为import { Navigation } from './Navigation';

Answer 2

如果从HTML加载此文件，则需要在脚本标记上将type设置为module。

类似：<script type="module" src="/path/to/file.js"></script">