cesium：error：An error occurred while rendering. Rendering has stopped.-Toy模板网

这篇具有很好参考价值的文章主要介绍了cesium：error：An error occurred while rendering. Rendering has stopped.。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

问题情景：配置环境node.js+npm+cesium时，出现如下问题:

cesium：error：An error occurred while rendering. Rendering has stopped.,CESIUM,前端,javascript,css,node.js,github

根据教程和搜索都没有看到相关解答，检查控制台error

cesium：error：An error occurred while rendering. Rendering has stopped.,CESIUM,前端,javascript,css,node.js,github

翻译发现时数据读取有问题

根据官网文档测试，浏览器端没有问题，html前端架构也没问题，最终锁定在脚本引入，即script和css文件，css主样式，布局没乱，

比对官方文档发现是文档路径有问题

cesium：error：An error occurred while rendering. Rendering has stopped.,CESIUM,前端,javascript,css,node.js,github

不能从根目录开始，只能从Build开始，否则就会读取失败。

最终文章来源地址https://www.toymoban.com/news/detail-539079.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
<script src="../Build/CesiumUnminified/Cesium.js"></script>
<!-- <link href="../cesium/Build/CesiumUnminified/Widgets/widgets.css" rel="stylesheet"> -->
<style>
    @import url(../Build/CesiumUnminified/Widgets/widgets.css);
    #firstCesiumContainer
    {
width:600px;
height:400px;
overflow: hidden;
    }
</style>
</head>
<body>
    <div id="firstCesiumContainer"></div>
    <script>
        var viewer=new Cesium.Viewer('firstCesiumContainer');
    </script>
</body>
</html>

到了这里，关于cesium：error：An error occurred while rendering. Rendering has stopped.的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！