vue+cesiumjs环境搭建【import引入】

以前写了一遍博客关于vue+cesium的搭建,后面是在index.html里经过script引入的,可是后面要用到指南针的时候发现指南针无法引入了css

以前的连接:  http://www.javashuo.com/article/p-swkeatdr-o.htmlhtml

后来慢慢调试发现原来是cesium的版本问题vue

我在11月底安装的cesium的版本是1.63.0  12月多安装的版本是1.64.0node

这个两个 版本都是无法经过 npm

import Cesium from 'cesium/Cesium'

这样来引入的 ui

可是咱们换成1.61.0 就不会出现这样的问题spa

首先卸载掉你项目的cesiumprototype

npm uninstall cesium

卸载完成后再去安装1.61.0的版本调试

npm install cesium@1.61.0 --save

而后能够把static下的cesium文件夹删除  index.html里的script引入删掉code

直接在mainjs里

import Cesium from 'cesium/Cesium'
import '../node_modules/cesium/Build/Cesium/Widgets/widgets.css'
Vue.prototype.Cesium = Cesium

经过import来引入  这样后面的指南针也能够引入了

 

 

解开了困惑真的是一件很舒服的事情呢!

相关文章
相关标签/搜索