【官网】cesium-threejs-experiment案例跑不通且报错问题

目录

 一、运行环境的问题

方式一

方式二

二、更新Three及Cesium版本

---

前言：cesium-threejs-experiment为Cesium官方出的在Cesium中使用ThreeJS模拟组合场景的示例，目前拉代码下来运行，发现是一堆报错😭，踩了好长时间坑，总结了这一篇文章。案例报错核心原因是：案例是18年5月份的，把Cesium及Three版本更新至想用的版本就可以了。

 cesium-threejs-experiment官网GitHub地址https://github.com/CesiumGS/cesium-threejs-experiment

 案例示例图如下：

 一、运行环境的问题

由于我平常不用C++，也就没有C++的运行环境，对该案例运行 npm install 时会导致报错

方式一

        该报错可以通过安装Visio Studio 2017解决 报错原因参考

        安装Visio Studio 2017的包可以通过该博客获取 Visio Studio 2017 安装包 或 通过一下链接获取；除此之外 还可通过2解决该问题。

链接：百度云链接
提取码：d31f

方式二

        通过命令行 npm install gulp -g  全局安装gulp（一个自动化打包构建工具）。安装后，通过gulp -v  查看版本号验证是否安装成功。

再次进行 npm install 时，若报以下错误，则因为node版本和glup版本不匹配所导致

2.1 若gulp的版本为3.9.1，则需将node降至12.0.0以下；
2.2 若不想降低node版本，则将gulp提升至版本4 npm install -save-dev gulp@4。

二、更新Three及Cesium版本

        根据上述一完成后，可以成功安装完成各依赖。但是不要着急，还需要切换Threej及Cesium版本。通过 package.json 中的依赖可以看到 Cesium 的版本是 1.45.0，Three 的版本为 0.87.1。修改版本为当前想用的版本，版本可从Three及Cesium的仓库中找到，链接如下（该篇提及的cesium版本为≤1.95，1.95版本之后cesium更换了构建方式）：

Cesium历史版本链接

Three历史版本链