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

最新推荐文章于 2024-03-08 10:28:35 发布
最新推荐文章于 2024-03-08 10:28:35 发布
阅读量769 收藏
点赞数 1
分类专栏： 前端 Vue 文章标签： vue.js G6 G2 webpack es6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_28584685/article/details/115527667
版权
前端 同时被 2 个专栏收录
63 篇文章 1 订阅
订阅专栏
Vue
6 篇文章 0 订阅
订阅专栏

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

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

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

在这里插入图片描述

我只会写Bug啊
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Vue项目报错：Uncaught SyntaxError: Unexpected token
01-19
遇到问题： 今天做一个 VUE 的项目，在引入第三方依赖的 JS 文件时，遇到了一个问题： 控制台的提示：Uncaught SyntaxError: Unexpected token < 按照提示进入文件，再看如下图： 仔细看了看 index.html 文件,发现原本我的 JS 文件是放在 /src/utils 文件夹下的，但引入 /src 和 /static 的文件是有区别的。 解决方案： 解决办法是将第三方依赖的 JS 文件放到 /static/utils 目录下，引入路径也改成：[removed][removed]，这样就
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
antv g6 禁止移动_antV G6流程图在Vue中的使用
weixin_39820997的博客
12-22 392
原文首发于我的博客，欢迎点击查看获得更好的阅读体验~更新内容最新版本2.x版本后,可以通过npm install直接安装使用了最近我司项目中需要加入流程图制作功能，于是乎百度各种找可视化绘制拓扑图的轮子，大部分都是国外的，看文档太吃力，不过好在最终让我发现了AntV G6流程图图表库，最新版为2.0，不过编辑器在2.0版本还没有进行开源，所以只能退而求其次，使用了1.2.8版本。希望2.0版本的编...
antv g6实现自定义决策树 vue2
最新发布
qq_43557302的博客
03-08 209
antv g6实现自定义决策树 vue2。
Chrome浏览器Snippets调试面板(Identifier has already been declared)错误解决方法
没有感情的代码机器的博客
12-01 1万+
当我们使用Chrome浏览器进行调试的时候，Snippets面板是一个不错的选择。 用Chrome的snippets片段功能创建页面js外挂程序，从控制台创建js小脚本。 Chrome的snippets是小脚本，还可以创作并在Chrome DevTools的来源面板中执行。 可以访问和从任何页面运行它们。当你运行一个片段，它从当前打开的页面的上下文中执行。 创建一个 Snippet 片段，我们先打...
Identifier ‘‘ has already been declared，变量重定义/重新声明/重复声明，chrome devtool console中的特殊的行为
m0_55971510的博客
09-28 1万+
分两次输入console，Uncaught SyntaxError。分两次输入console，Uncaught SyntaxError。查了一会，中文似乎没提这个的，这是chrome的一个独特特性。console，一次性输入进去。分两次输入console，可以。
SyntaxError: Identifier ‘xxx‘ has already been declared
imkaifan的博客
12-08 3万+
SyntaxError: Identifier 'xxx' has already been declared
05-Vue报错 Uncaught SyntaxError: Identifier has already been declared和路由
anxikang5491的博客
06-23 7373
原因是因为在组件调用的时候调用了index.js和myRouter.js，重复挂载了#app，导致报错，在排错的时候我把外部所有的HTML文件js文件css文件全都写在了index.html里，页面显示了但是路由不起作用，我就挨个注释，最后发现了是index.js注释前后直接关系到路由的作用与否，发现了这个错误。 转载于:https://www.cnblogs.com/Romantic...
vue3+vite使用antv/g6线上报错，本地没问题
zoooo_的博客
09-07 1243
vue3+vite使用antv/g6画拓扑图，但是本地没问题正常运行，上线就会报路由错误；import G6 from '@antv/g6/dist/g6.min' 即可。官网给的是直接引@antv/g6,，不清楚原理是什么。但是改变了引入路径后确实线上没有阻塞了。但是更简单的方式是修改g6的引入方式。
(G6)项目使用G6安装依赖后渲染报错Object(...)和graph未定义
nyf_unknow的博客
08-26 1429
报错1报错2(重点)draw . js?原因之前项目有用过@antv 顺带装的g-canvas为@0.5.12与本次安装@antv/g6所带的g-canvas为@0.5.2版本不同，导致画布渲染异常。解决在不影响之前图的前提下，删掉@0.5.12版本更换为@0.5.2版本。......
vue-cli 打包后提交到线上出现 “Uncaught SyntaxError:Unexpected token” 报错
01-21
前言: 项目使用vue-cli版本2.9.3 ,vue-router...页面全白,console打印:Uncaught SyntaxError:Unexpected token < 报错截图: 经过一番折腾,初步定位问题1在经过build/webpack.prod.conf.js的chunkhash打包后的JS文
vue-cli 打包后提交到线上出现 "Uncaught SyntaxError:Unexpected token" 报错
10-17
主要介绍了vue-cli 打包后提交到线上出现 "Uncaught SyntaxError:Unexpected token" 报错，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
解决webpack4+升级webpack5+ vue-pdf不可用问题
06-09
Compiled with problems: × ERROR in ./node_modules/vue-pdf/node_modules/pdfjs-dist/es5/build/pdf.worker.js ...Error: MainTemplate.hooks.hotBootstrap has been removed (use your own RuntimeModule instead)
Element UI 框架中Loading 区域加载的使用方法
热门推荐
Geek-Haoyu
03-07 7万+
Loading 加载用于加载数据时显示动效 Element UI中的Loading组件默认是全屏显示，大多时候出于美观考虑我们并不需要这种功能　而是让它显示在我们需要的地方，比如一个后台管理系统，我们和后台进行网络传输的时候，我们并不需要把导航栏和系统的头部覆盖住，只需要内容部分显示，这时候我们就需要对组件的参数进行设置。 Element 提供了两种调用 Loading 的方法：指令和服务......
button居中的方法之一
Geek-Haoyu
02-24 2万+
button居中方法 点击
钉钉环境下H5开发微应用遇到的问题和BUG（持续更新）
Geek-Haoyu
04-15 1万+
微应用是 钉钉 为连接企业办公打造的移动入口，通过微应用你可以将企业的业务审批，内部系统，生成，协作，管理，上下游沟通连接到钉钉，该项目是在钉钉的基础上开发一个供本公司销售使用的客户管理系统，包含了客户、项目、订单、合同、分享、知识库、案例、绩效以及相关的一系列栏目与功能，可以极大的提高销售的个人工作效率以及团队协作能力
js中根据已知key得到某对象中相对应的value的方法
Geek-Haoyu
01-18 1万+
常用方法有两个
Vue中使用Select选择器拼接label的方法
Geek-Haoyu
11-15 1万+
&lt;el-form-item label="货道商品" prop="productid"&gt; &lt;el-select v-model="form.productid" filterable placeholder="请选择" @change="changeselect"&gt;
Echarts图表———销售漏斗
Geek-Haoyu
05-15 1万+
ECharts，一个纯 Javascript 的图表库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖轻量级的 Canvas 类库 ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表...
Uncaught SyntaxError: Identifier 'hosId' has already been declared
07-28
根据引用\[1\]和引用\[2\]的信息，"Uncaught SyntaxError: Identifier 'hosId' has already been declared"错误是由于重复声明变量hosId导致的。这意味着在代码中hosId这个变量已经被声明过一次了。你可以检查一下你的代码，确保hosId只被声明了一次。如果你在代码中多次声明了hosId变量，可以考虑删除其中的一个声明。另外，根据引用\[3\]的信息，这个错误可能与浏览器有关，你可以尝试在其他浏览器中运行代码，看看是否还会出现相同的错误。 #### 引用[.reference_title] - *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":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [前端BUG（3）——Uncaught SyntaxError: Identifier ‘pluginnamearr‘ has already been标识符“插件名称...](https://blog.csdn.net/itYuMi/article/details/123204098)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

我只会写Bug啊

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

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

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

打赏作者

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

抵扣说明：

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

余额充值