cesium + react 的环境搭建

时间:2024-03-28 20:49:13

主要创建流程参考:https://blog.csdn.net/qq_33484881/article/details/85336458

写这篇文章目的主要是中间遇到一些问题并没有把项目跑起来

最主要的还是路径配置以及引用的问题,可能是cesium版本升级后的差异

 

修改webpack.config,js文件,如下:

引入插件

cesium + react 的环境搭建

报错:unable to locate '..\node_modules\cesium\Build\Cesium\Workers' at 'F:\demo_projects\node_modules\cesium\Build\Cesium\Workers' 也就是路径位置不正确 导致获取不到文件

在resolve对象下配置cesium:

cesium + react 的环境搭建

这样配置控制台报错找不到:Module not found: You attempted to import F:\demo_projects\react-app\config\node_modules\cesium\Source/Cesium which falls outside of the project src/ directory. Relative imports outside of src/ are not supported.

修改路径为如下

cesium + react 的环境搭建

 

接下来就是配置插件,api也有略微变动,使用patterns属性,如下所示:

cesium + react 的环境搭建

其余配置参照博主所写;

最后就是引入文件:

在app.js 中引入cesium 样式:

cesium + react 的环境搭建

然后在组件中引入cesium

cesium + react 的环境搭建

好了,项目成功启动,开始学习吧