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

之前寫了一遍博客關於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來引入  這樣后面的指南針也可以引入了

 

 

解開了困惑真的是一件很舒服的事情呢！