为什么 webpack 认为我的模块不是模块?

Why does webpack think my module isn't a module?

我正在尝试以典型方式导入 React:

import React from 'react'

但我收到此错误:

Uncaught SyntaxError: Cannot use import statement outside a module

什么会导致 webpack 无法将我的文件正确地视为模块?

一个可能的原因是 HTML 试图指向原始的、未编译的源脚本,而不是 运行 通过 babel 并由 webpack 编译的脚本。

未编译的源脚本的位置是存储库中该文件的路径。

编译输出脚本的位置是 webpack.config.js 输出文件名设置的位置,路径是开发服务器路径,或者如果是生产构建,则输出路径设置为任何位置。