vue项目使用cesium笔记一：报错处理

        

目录

        

借助插件vue-cli-plugin-cesium

不借助工具引入时遇到的问题

找不到css

浏览器控制台报错：

---

1. 借助插件vue-cli-plugin-cesium

   1、npm install cesium --save
   
   2、npm install --save-dev vue-cli-plugin-cesium
   
   3、vue invoke vue-cli-plugin-cesium

2. 不借助工具引入时遇到的问题

   1. 找不到css

      1. 问题描述：引入wedgets.css时提示找不到

      2. 解决方法：检查cesium的安装包中的package.json中，是否导出了css，如果没有，则手动加进去

         1. 

   2. 浏览器控制台报错：

      1. 问题描述：错误：VM5729:1 Blocked script execution in 'about:blank' because the document's frame is sandboxed and the 'allow-scripts' permission is not set.
         1. 

      2.  解决方法：

         1. 方法一：禁用infobox。

            
            const viewer = new Viewer('cesiumContainer', {
              infoBox: false, // If set to false, the InfoBox widget will not be created.
            });

         2. 方法二：设置沙箱的权限。

            var iframe = document.getElementsByClassName(‘cesium-infoBox-iframe’)[0];
            iframe.setAttribute(‘sandbox’, ‘allow-same-origin allow-scripts allow-popups allow-forms’);
            iframe.setAttribute(‘src’, ‘’); //必须设置src为空 否则不会生效。