首页 > 技术文章 > vue+cesiumjs环境搭建【import引入】

reround 2019-12-11 09:40 原文

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

之前的链接:  https://www.cnblogs.com/reround/p/11943717.html

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

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

这个两个 版本都是没法通过 

import Cesium from 'cesium/Cesium'

这样来引入的 

但是我们换成1.61.0 就不会出现这样的问题

首先卸载掉你项目的cesium

npm uninstall cesium

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

npm install cesium@1.61.0 --save

然后可以把static下的cesium文件夹删除  index.html里的script引入删掉

直接在mainjs里

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

通过import来引入  这样后面的指南针也可以引入了

 

 

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

推荐阅读