Mapbox-gl Angular 4

Question

在尝试使用mapbox-gl运行我的地图组件时，我遇到了这个问题。我收到这个错误消息：

WDS] Warnings while compiling.
warnings @ client?ffdb:120
sock.onmessage @ socket.js:37
webpackJsonp.../../../../sockjs-client/lib/event/eventtarget.js.EventTarget.dispatchEvent @ eventtarget.js:51
(anonymous) @ main.js:274
webpackJsonp.../../../../sockjs-client/lib/main.js.SockJS._transportMessage @ main.js:272
webpackJsonp.../../../../sockjs-client/lib/event/emitter.js.EventEmitter.emit @ emitter.js:50
WebSocketTransport.ws.onmessage @ websocket.js:35
wrapFn @ zone.js:1166
webpackJsonp.../../../../zone.js/dist/zone.js.ZoneDelegate.invokeTask @ zone.js:421
webpackJsonp.../../../../zone.js/dist/zone.js.Zone.runTask @ zone.js:188
webpackJsonp.../../../../zone.js/dist/zone.js.ZoneTask.invokeTask @ zone.js:496
invokeTask @ zone.js:1517
globalZoneAwareCallback @ zone.js:1543
client?ffdb:126 ./src/assets/mapbox-gl/mapbox-gl.js
(Emitted value instead of an instance of Error) Cannot find SourceMap 'mapbox-gl.js.map': Error: Can't resolve './mapbox-gl.js.map' in '/home/admin/ang-dev/src``/assets/mapbox-gl'
 @ ./src/app/index/map/mapenter code here.component.ts 11:0-67
 @ ./src/app/index/index.module.ts
 @ ./src/app/app.module.ts
 @ ./src/main.ts
 @ multi webpack-dev-server/client?http://localhost:4200 ./src/main.ts

我在本地使用Mapbox-gl版本0.22.1，通过assets文件夹导入。

通过NPM安装mapbox-gl不是一个选项，我得到：

Uncaught TypeError: fs.readFileSync is not a function

我应该提到我使用的是cli/version: 1.4.10。

Answer 1

不应使用资源文件夹中的javascript库。使用npm安装它们，然后在Typings中引用它们或使用此angular wrapper component implementation。