解决vue-cli element-ui打包报错Unexpected token: operator (>)

最新推荐文章于 2024-05-10 21:40:37 发布

weixin_33937913

最新推荐文章于 2024-05-10 21:40:37 发布

阅读量2.2k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ui webpack ViewUI

原文链接：https://segmentfault.com/a/1190000009858385

在使用vue-cli和element-ui进行项目打包时遇到错误，由于浏览器不完全支持es6语法，导致打包后文件出现'>'操作符无法识别的问题。错误源于源代码中的es6语法未被正确转换为es5。通过参考vue-select项目的解决方案，即配置babel-loader以处理node_modules中的相关文件，成功解决了打包报错。在遇到此类问题时，深入理解问题本质并逐步分析至关重要。

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

1.问题描述

我vue-cli写了项目，界面都是用element-ui写的，打包时报错：

ERROR in assets/js/0.498ce690b229694d8858.js from UglifyJs
Unexpected token: operator (>) [./~/element-ui/src/mixins/emitter.js:2,0][assets/js/0.498ce690b229694d8858.js:3947,32]

2.问题理解

我理解了一下报错信息：

报错说有一个错误在打包后的文件中：assets/js/0.498ce690b229694d8858.js，
错误的原因是：Unexpected token: operator (>)，即：不能识别操作符（">"大于号）
源文件出错地方是：element-ui/src/mixins/emitter.js第2行第0列
打包文件出错地方：assets/js/0.498ce690b229694d8858.js第3947行第32列

于是我找到两个文件出错的代码一看，发现代码是一样的！

//element-ui/src/mixins/emitter.js
function broadcast(componentName, eventName, params) {
  this.$children.forEach(child => {//第2行
    var name = child.$options.componentName;

    if (name === componentName) {
      child.$emit.apply(child

最低0.47元/天解锁文章

200万优质内容无限畅学