2016-12-08 5 views
3

У меня есть следующая проблема в моем браузере при попытке использовать ионные 2 и MapBox GL JS (я сделал простую ионную служить):Mapbox GL JS и Ionic 2 Проблема RC3: mapbox-gl js util util.js Неожиданный токен

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/[email protected] --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' 
     }); 
    } 
} 

Я не вижу, какой тип файла ошибка ссылки о ,

Спасибо за вашу помощь

ответ

1

Попробуйте это:

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

И не делитесь ;-)

маркер доступа
+0

Это маркер доступа общественности, это прекрасно, чтобы поделиться. –