首页 > 解决方案 > 为什么 webpack 认为我的模块不是模块?

问题描述

我试图以典型的方式导入反应:

import React from 'react'

但我收到此错误:

Uncaught SyntaxError: Cannot use import statement outside a module

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

标签: reactjswebpackwebpack-dev-server

解决方案


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

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

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


推荐阅读