vue 引用G2/G6 注意（Uncaught SyntaxError: Identifier ‘e‘ has already been declared）

最新推荐文章于 2025-05-13 11:29:26 发布
最新推荐文章于 2025-05-13 11:29:26 发布
阅读量1k 收藏
点赞数 1
分类专栏： 前端 Vue 文章标签： vue.js G6 G2 webpack es6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_28584685/article/details/115527667
版权

这个可以说是一个非常奇怪的问题
首先本地是正常运行没有报错的
但是打包后 点击登录却无法跳转 发现 报了下边的错

Uncaught SyntaxError: Identifier ‘e’ has already been declared
Loading chunk 0 failed.
打包失败问题
最后确认 问题出现在 G6 上

原因可能是 G6的 NPM包 打包后 和其他有冲突

后讲 G6的 NPM卸载掉 替换 CDN方式引用即可

G6引用地址：https://antv-g6.gitee.io/zh/docs/manual/getting-started

请注意引用正确的链接！！！

在这里插入图片描述

Chrome浏览器Snippets调试面板(Identifier has already been declared)错误解决方法
没有感情的代码机器的博客
12-01 1万+
当我们使用Chrome浏览器进行调试的时候，Snippets面板是一个不错的选择。 用Chrome的snippets片段功能创建页面js外挂程序，从控制台创建js小脚本。 Chrome的snippets是小脚本，还可以创作并在Chrome DevTools的来源面板中执行。 可以访问和从任何页面运行它们。当你运行一个片段，它从当前打开的页面的上下文中执行。 创建一个 Snippet 片段，我们先打...
银行前端面试高频基础问题——var、let和const到底有哪些区别？讲不清楚当场发感谢信！？
datian45678的博客
06-20 2077
银行前端面试高频基础问题——var、let和const到底有哪些区别？讲不清楚当场发感谢信！？ 面试官：知道const、let和var吧，说说他们的区别吧 我：… … 前言 可以说这是银行我们面试遇到的最高频的一个问题，也是一个很基础的问题了。所以，我们定然在这个问题上，不能讲不清楚，那就当场发感谢信了。当然，除此之外深入的还需要去了解一下const和let的实现原理。 let let 关键字用来声明变量，使用 let 声明的变量有几个特点： 不允许重复声明； 块儿级作用域（局部变量）；
使用vue2结合antv/g6实现数据分层展示
最新发布
qq_43611547的博客
05-13 204
使用vue2跟antv/g6实现数据的分层展示，每类数据一行展示，点击节点可高亮相关的节点及边
SyntaxError: Identifier ‘__vite__injectQuery‘ has already been declared
2401_87524444的博客
04-29 247
SyntaxError: Identifier '__vite__injectQuery' has already been declaredUncaught (in promise) SyntaxError: Identifier '__vite__injectQuery' has already been declared
vue中使用Antv G6报错invalid container
m0_37378152的博客
12-11 7717
初始化graph需要等dom渲染之后，否则找不到container对应div。将初始化写在mounted里面就行了。我一开始写在了created里面就报错了。
Module parse failed: Identifier 'Vue' has already been declared (3:7)
weixin_43755104的博客
03-05 5744
出错 解决 检查 import Vue from 'vue’是不是多写了，写重了， 一直报这个错误不知道怎么解决 重新 npm run dev 就好了 前端交流企鹅768780626
main.js: Identifier ‘Vue‘ has already been declared.
u010802056的博客
03-02 999
我写了一个自定义组件并在main.js中引入他，运行时提示一下错误：main.js: Identifier 'Vue' has already been declared.Vue.component('by-foot',byFoot) //Vue.component 的第一个参数必须是静态的字符串。因为我使用的是vue2，vue2不用再次import，直接去掉这一行就可以了。问题是出在这一行： import Vue from 'vue'// 1、main.js 里进行全局导入和注册。
vue3+vite使用antv/g6线上报错，本地没问题
zoooo_的博客
09-07 2431
vue3+vite使用antv/g6画拓扑图，但是本地没问题正常运行，上线就会报路由错误；import G6 from '@antv/g6/dist/g6.min' 即可。官网给的是直接引@antv/g6,，不清楚原理是什么。但是改变了引入路径后确实线上没有阻塞了。但是更简单的方式是修改g6的引入方式。
Uncaught SyntaxError: Identifier 'hosId' has already been declared
07-28
- *1* [vue 引用G2/G6 注意（Uncaught SyntaxError: Identifier ‘e‘ has already been declared）](https://blog.csdn.net/qq_28584685/article/details/115527667)[target="_blank" data-report-click={"spm":...
ES6语法详解
weixin_44655599的博客
01-23 751
什么是ECMAScript？ ECMAScript是浏览器脚本语言的规范，而我们熟知的js语言，如JavaScript则是规范的具体实现。es6就好比Java的jdk。 一、es6语法详解：let声明变量 1、var声明的变量往往会越域；let声明的变量有严格局部作用域 { var a = 1; let b = 2; } console.log(a) // 1 console.log(b) // Uncaught ReferenceError: b
电商项目——前端基础——第八章——上篇
qq_44891295的博客
10-07 1418
文章目录1：前后端技术栈类比2：WebStorm的使用3：ES63.1 ES6新特性-let&const3.2 ES6新特性-结构&字符串3.3 ES6新特性-箭头函数3.4 ES6新特性-对象优化3.5 map，reduce3.6 promise异步编排3.7 模块化4：Node.js5：Vue6：Babel7：Webpack 前面的学习给大家讲解了微服务最基本的Nacos，OpenFeign，GateWay，在我们进行正式开发前，我们对前端来进行简单的概述 如果大家觉得我下面的文章写得好
2020最全前端面试系列（ES6）（ES6你不得不知道的新特性）
热门推荐
前端彭于晏的博客
06-27 1万+
前端面试题整理（ES6篇） 变量声明 模板字符串 Symbol 箭头函数 遍历 变量解构 Promise 扩展运算符 async-await object.assign() set和map数据结构
记解决 vue2 中引入ES6或jsx写法库报错问题
Name_CGH的博客
01-08 9893
前言 想自己写一个类似 element-ui 的组件库，就想着看看 element 是怎么实现的，但是在直接引入源码编译到项目的时候遇到了很多报错的问题，所以以这篇文章记录下 正文 用 vue-cli 搭建好项目后，在项目里下载了 element-ui 库，然后在main文件中引入，测试使用正常。然后把 node_modules/element-ui 文件夹的 package.json 里面的入口文件改成 src/index.js 运行，发现提示运行错误 显示这样是因为 element-ui 2.7以上版
VUE报错 -- hmr.ts:252 SyntaxError: Identifier ‘__vite__injectQuery‘ has already been declared
mocoll的博客
09-21 657
不知道什么时候自动导入的，导致引发报错，删除即可。
报错：[vite] Internal server error: [vue/compiler-sfc] Identifier ‘xxx‘ has already been declared.
BY_____________的博客
09-02 863
在同一个作用域（比如一个函数、一个代码块）中两次使用了相同的变量名进行声明，就会出现这个错误。
vue中使用G2问题汇总
嘿嘿
04-04 1470
前言 忙活完动态表单,动态附件,动态表格等等事情后,最近公司又在进军报表可视化问题了,对于我们前端而言如何将一份份数据美美的展示在页面上实为一项艰巨的任务. 对比了现有的几个比较有名的可视化工具之后,最终还是决定使用G2来进行项目开发. G2的使用方式及作用我这里就不展开了,想了解的小伙伴可以撮这里: vue中使用G2(一) 该篇文章主要是记录一下近期在使用G2所遇到的一些比较坑的问题,如果正好你也在使用G2,且不巧的遇到了和我一样的问题,那么应该能帮助到你一些. 一、forceFit属性宽度自适
05-Vue报错 Uncaught SyntaxError: Identifier has already been declared和路由
anxikang5491的博客
06-23 8053
原因是因为在组件调用的时候调用了index.js和myRouter.js，重复挂载了#app，导致报错，在排错的时候我把外部所有的HTML文件js文件css文件全都写在了index.html里，页面显示了但是路由不起作用，我就挨个注释，最后发现了是index.js注释前后直接关系到路由的作用与否，发现了这个错误。 转载于:https://www.cnblogs.com/Romantic...
Vue：Uncaught SyntaxError: Unexpected identifier踩坑回忆
科技向善
05-27 1万+
Vue项目运行之后，在谷歌浏览器打开，控制台报错：Uncaught SyntaxError: Unexpected identifier 错误的中文意思是：未捕获语法错误: 意外的标识符 有很多同学说，是符号问题，比如下方这个链接： https://blog.csdn.net/u012149181/article/details/78811402 里面是这样解释的： chrome下运行编写的javascript代码时，在工具javascript控制台下有时会出现“Uncaught SyntaxError:
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

我只会写Bug啊

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值