Javascript Mapbox GL JS和Ionic 2 RC3问题：Mapbox GL\JS\util\util.JS意外令牌

在尝试使用ionic 2和MapBox GL JS时，我的Web浏览器出现以下问题（我做了一个简单的ionic服务）：

//安装mapbox插件和键入

npm install --save-dev mapbox-gl
typings install --save --global dt~geojson
typings install --save --global dt~mapbox-gl

我的代码非常简单，而且我没有打字脚本问题

import { Component } from '@angular/core';
import mapboxgl from 'mapbox-gl';

import { NavController } from 'ionic-angular';

@Component({
    selector: 'page-home',
    templateUrl: 'home.html'
})
export class HomePage {

    constructor(public navCtrl: NavController) {

        mapboxgl.accessToken = 'pk.eyJ1Ijoib2xpdmllcnBvdW0iLCJhIjoiY2l3OGJ5eDl0MDAyaDJvcDV1bWhrdWRsYSJ9.FxIRs2au2Rd5OR1pQlZi8A';
        var map = new mapboxgl.Map({
            container: 'map',
            style: 'mapbox://styles/mapbox/streets-v9'
        });
    }
}

我看不出错误引用的是什么类型的文件

感谢您的帮助

试试这个：

import mapboxgl from 'mapbox-gl/dist/mapbox-gl.js'

---

并且不要共享您的accessToken；-）

这是一个公共访问令牌，可以共享。

import { Component } from '@angular/core';
import mapboxgl from 'mapbox-gl';

import { NavController } from 'ionic-angular';

@Component({
    selector: 'page-home',
    templateUrl: 'home.html'
})
export class HomePage {

    constructor(public navCtrl: NavController) {

        mapboxgl.accessToken = 'pk.eyJ1Ijoib2xpdmllcnBvdW0iLCJhIjoiY2l3OGJ5eDl0MDAyaDJvcDV1bWhrdWRsYSJ9.FxIRs2au2Rd5OR1pQlZi8A';
        var map = new mapboxgl.Map({
            container: 'map',
            style: 'mapbox://styles/mapbox/streets-v9'
        });
    }
}

import mapboxgl from 'mapbox-gl/dist/mapbox-gl.js'