webpack打包vue文件时报错`Unexpected token:`

最新推荐文章于 2025-04-29 10:13:08 发布

置顶

肖老板

最新推荐文章于 2025-04-29 10:13:08 发布

阅读量2.8w

点赞数 1

分类专栏： Vue 前端文章标签： webpack vue UglifyJs

本文链接：https://blog.youkuaiyun.com/cloume/article/details/71486846

版权

在合并同事代码后，webpack打包vue项目时出现`Unexpected token:`错误。排查过程中，发现不是语法错误或插件更新引起，而是依赖版本不匹配。升级和降级相关库版本尝试解决，最终通过在`webpack`配置中添加处理ES6语法的插件解决，成功完成编译和构建。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

webpack打包vue文件时报错`Unexpected token:`

master分支的代码编译打包一直都正常的，今天上午将一个同事的分支合并后就一直编译不过，走读代码发现改动也比较少，也不涉及到package.json中插件的更新，同时本地编译也完全正常，那阿里云CRP容器里面怎么会报错呢！最开始报错的地方是在UglifyJs里面，错误提示是：cannot read property of undefined，然后是在一个foreach中抛出来的，接着我就搜索了前端代码里面所有用到foreach的地方，都没发现语法错误！最后仔细看了一下编译输错，发现有几个warning，存在版本不匹配的问题，就想着是不是先修复一下这些warning然后问题就可能会被解决掉呢。

首先去修改UglifyJs的版本，改到跟本地的一样，单独通过npm install uglifyjs@^2.4.10安装，结果编译信息提示webpack版本太低；就再通过npm install webpack@^2.2.0单独安装webpack；这时候又提醒我node版本不合适，一怒之下改成了最新的版本6.10.3，结果出现graceful-fs模块不支持的问题：