cesium + react 的环境搭建

  • Z时代
  • 2024-01-10
  • 分类：综合

react

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

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

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

修改webpack.config,js文件，如下：

引入插件

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

在resolve对象下配置cesium:

这样配置控制台报错找不到：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.

修改路径为如下

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

其余配置参照博主所写；

最后就是引入文件：

在app.js 中引入cesium 样式：

然后在组件中引入cesium

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

以上是 cesium + react 的环境搭建 的全部内容， 来源链接： utcz.com/z/383504.html

回到顶部