当前位置: 代码迷 >> 综合 >> vue-echarts npm run build 编译生产版本报错 UglifyJs
  详细解决方案

vue-echarts npm run build 编译生产版本报错 UglifyJs

热度:48   发布时间:2023-12-25 21:21:12.0

问题描述:  webpack构建vue项目, 使用 vue-echarts组件时, npm run build 编译生产版本报错

ERROR in 0.build.js from UglifyJs

Unexpected token: name (raf) [./node_modules/resize-detector/esm/index.js

909631-20181114111445189-75755250.png

原因:  由于 UglifyJs 只支持 ES5 而 vue-echarts可能引入了一部分 ES6 的写法,所以导致 webpack 打包失败。

解决:  webpack.config.js 配置删除下面这句, exclude 表示/node_modules/ 目录下的 .js 文件不要进行 babel-loader ,  覆盖了上一句 include 的设置

image.png

修改 webpack.base.config.js 配置:

resolve('node_modules/vue-echarts'),// 此处加上不报错es6
resolve('node_modules/resize-detector')
  相关解决方案