2016-12-08 8 views
3

ionic 2とMapBox GL JSを使用しようとしているときにWebブラウザに次の問題があります)サーブ: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 

私のコードは非常に簡単で、私はtypescriptです問題

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' 

とパブリックアクセストークンのごaccessToken ;-)

+0

を共有しない、それが共有するために罰金です。 –

関連する問題