MapBox जीएल जे एस और आयोनिक 2 RC3 मुद्दा: MapBox-जीएल \ js \ util \ util.js अप्रत्याशित टोकन

वोट
3

मैं आयनिक 2 उपयोग करने के लिए कोशिश कर रहा है और MapBox जीएल जे एस (मैं एक साधारण आयनिक की सेवा किया), जबकि अपने वेब ब्राउज़र में निम्न मुद्दा है:

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)

उन कदमों मैं पीछा कर रहे हैं:

मैं एक नया आयनिक 2 खाली परियोजना शुरू की

// एप्लिकेशन-स्क्रिप्ट स्थापित कर रहा है

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

// MapBox प्लगइन और typings स्थापित कर रहा है

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

मैं किस प्रकार की फ़ाइल त्रुटि के बारे में संदर्भित कर रहा है नहीं दिख रहा।

आपके सहयोग के लिए धन्यवाद

08/12/2016 को 20:40
का स्रोत उपयोगकर्ता
अन्य भाषाओं में...                            


1 जवाब

वोट
1

इसे इस्तेमाल करे:

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

और अपने accessToken का हिस्सा नहीं है ;-)

12/12/2016 को 14:55
का स्रोत उपयोगकर्ता

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more