紧急提示:Webpack 4.29.0 编译出错
今天在编译CabloyJS项目时,突然编译失败,错误提示如下:
Module parse failed: ‘import’ and ‘export’ may only appear at the top level (127:10)
常规情况下,出现这种错误,只需要在.babelrc中添加插件即可
“plugins”: ["@babel/plugin-syntax-dynamic-import"]
在明明已经正确配置.babelrc的情况下,仍出现这种错误,除了反复查阅babel和webpack最新文档外,只有google了。
历经千辛万苦,终于找到一个帖子: https://github.com/webpack/webpack/issues/8656
仅仅是因为webpack升级为4.29.0导致的。只能暂时将webpack锁定版本4.28.4解决此问题了。
2 回复
看报错的信息,import关键字只能在顶层。
来自酷炫的 CNodeMD
Module parse failed: ‘import’ and ‘export’ may only appear at the top level
这是个正确行为。
import 语义跟 require 不同