Mapbox GL JS 和 Ionic 2 RC3 问题：mapbox-gl\js\util\util.js Unexpected token

Question

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

Error: Module parse failed: C:\Workspace\mapBox\node_modules\mapbox-gl\js\util\util.js Unexpected token (15:35)
You may need an appropriate loader to handle this file type.
|  * @private
|  */
| exports.easeCubicInOut = function(t: number): number {
|     if (t <= 0) return 0;
|     if (t >= 1) return 1;
    at eval (\C:\Workspace\mapBox\node_modules\mapbox-gl\js\util\util.js:1:7)
    at Object.<anonymous> (http:// localhost:8100/build/main.js:99:1)
    at __webpack_require__ (http:// localhost:8100/build/main.js:20:30)
    at eval (\C:\Workspace\mapBox\node_modules\mapbox-gl\js\ui\map.js:3:14)
    at Object.<anonymous> (http:// localhost:8100/build/main.js:5412:1)
    at __webpack_require__ (http:// localhost:8100/build/main.js:20:30)
    at eval (\C:\Workspace\mapBox\node_modules\mapbox-gl\js\mapbox-gl.js:11:16)
    at Object.<anonymous> (http:// localhost:8100/build/main.js:3644:1)
    at __webpack_require__ (http:// localhost:8100/build/main.js:20:30)
    at eval (\C:\Workspace\mapBox\src\pages\home\home.ts:2:68)

这些是我遵循的步骤：

我开始了一个新的 ionic 2 空白项目

//安装应用脚本

npm install @ionic/app-scripts@latest --save-dev

//安装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'
        });
    }
}

我看不到错误引用的文件类型。

感谢您的帮助

Answer 1

试试这个：

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

不要分享你的 accessToken ;-)