Question

求教！按照官网Home | SuperMap_iClient3D_VUE_for_WebGL (supermapol.com)安装指南，安装后运行出现下述问题，导致页面不显示内容，暂时不清楚是什么原因，希望大佬可以解答一下！

Answer 1

您好，

这个报错有可能是vue-router的版本过高导致的

建议您这边换个低版本的router再试一下

Comments

router版本一般要多少一下算是合适呢

---

问题是导入'@supermap/iclient3d-vue-for-webgl'之后出现的

---

前几天才碰到这个问题，

node：版本是多少？
vue：vue3的版本是多少？
脚手架：是vue/cli还是vite创建的项目，版本是多少？（比如：2.+，3.+版本），

---

建议您这边按照我们文档中的要求重新安装加载。

vue2和vue3有些许不同，需要注意

2.0的话您根据我们官方的博客去进行安装即可：

https://blog.csdn.net/supermapsupport/article/details/123850171

3.0的话建议您这边参考这个：

https://blog.csdn.net/supermapsupport/article/details/119785454

---

node：版本是多少？--node：v16.15.0
vue：vue3的版本是多少？--vue版本：^3.2.36
脚手架：是vue/cli还是vite创建的项目，版本是多少？（比如：2.+，3.+版本），--项目用vue/cli创建，版本为vue/cli 5.0.8

---

看看vue/cli 5.0.8 脚手架是不是 跟node;v16.15.0 版本不匹配，node版本太高了，
下载node版本管理：
win： nvm   ，mac：n ， 方便切换node的版本运行项目
测试运行过：

vue/cli：vue/cli:v.4.5.15+node：v14.0.0创建的项目(main.js)是正常的，vue ：3.0.0 + @supermap/iclient3d-vue-for-webgl包版本是1.1.2
vite： vite2.9.9+node17.0.0创建的项目(main.ts)是正常的，vue ：3.2.35 +@supermap/iclient3d-vue-for-webgl包版本是1.1.2，

vite3.0.9+(node16.15.4,node17.0.0,node18.6.0)创建的项目(main.ts)是正常的，3.2.38+@supermap/iclient3d-vue-for-webgl包版本是1.1.6
 懒得折腾就下载初始项目下来玩咯：

vue/cli 4.5.15 + node 14.0.0 创建的项目
链接：https://pan.baidu.com/s/19vCIiRaOj6NW_8hj10ZppA 提取码：sm21
 npm install >npm run serve