G6: build出现错误

[JeroenWang]

• **G6 Version:3.1.0:
• Platform:
• Mini Showcase(like screenshots):
• CodePen Link:

build时候出现这个错误，请问怎么解决。vue-cli2.0

[baizn]

更新到最新版本，兼容3.1.0的

[hstarorg]

看起来是 UglifyJS 压缩报错，先升级尝试

[wjh31461]

更新到3.2.1 build时还是报这个错

[baizn]

更新到3.2.1 build时还是报这个错

不是升级 G6，是处理 UglifyJS 压缩的错误，按照这里修改下配置：https://blog.csdn.net/dream19921216/article/details/77963471

[simon-yxl]

解决了吗，遇到了同样的错误，配置了babel还是不生效

[baizn]

但是dev时控制台又报错了

import G6 from '@antv/g6' 后 G6 是 undefined ？

[wjh31461]

是的
3.2.2版本 dev时G6是undefined，打包时加上resolve('node_modules/@antv/g6')可以成功；
我之前用的3.1.1版本 dev可以跑，打包时报题主的错，加resolve('node_modules/@antv/g6')后会变成这样：

[baizn]

@wjh31461 你报的这个错是 transform-remove-strict-mode 插件的问题啊。

[simon-yxl]

@baizn 我配置了babel的include也没效果，打包的时候还是报楼主的错误，之前用g2和f2的时候同样的babel和webpack配置也一直没有出现过这个问题

[hstarorg]

能否提供一个最小可重现demo呢？从异常信息来看，和打包配置的关系比较大

[hstarorg]

采用 vue-cli@2 使用 webpack 模块（runtime 模式），可直接构建成功。

[wjh31461]

页面


build后报楼主的错

然后webpack.base.conf.js中添加

dev和build都报错：

[hstarorg]

@wjh31461 能否提供下具体的可重现demo？或者是vue的build相关配置

[wjh31461]

关于这个报错

我把g6包中的.babelrc

改成

就没报错啦 可以dev 也可以build
可能是项目中某处改动了preset

[Yanyan-Wang]

有小伙伴这样解决的：

主要还是因为G6依赖中包含了非es5的语法，导致打包编译失败，我找了两个解决方法：
一：不改变npm引包方式，在webpack中加入
{
es5ImcompatibleVersions: true,
extraBabelIncludes:[
"node_modules/@antv/g6"
]
}
二：改换为CDN引用G6

TA 用的第二种方法，这个方法打包的文件要比第一种打包文件小0.3M