找不到模块'mapbox-gl / dist / mapbox-gl.js'

Question

尝试将mapboxgl导入我的TypeScript文件时出现错误。

我已经像mapbox-gl-js的自述文件中所述：

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

然后，当我运行打字稿编译器时：

tsc

我收到此错误：

error TS2307: Cannot find module 'mapbox-gl/dist/mapbox-gl.js'.

但是由于某种原因，一切仍然可以编译并可以正常工作。 所以我很困惑这个实际的意思是什么？

我在Github上为此创建了一个问题： https : //github.com/mapbox/mapbox-gl-js/issues/3767

Answer 1

通过使用此导入，我能够解决此问题：

import * as mapboxgl from 'mapbox-gl';

但是，并非所有事情都由此得到解决。 我正在使用汇总进行捆绑，这现在导致了错误：

Illegal reassignment to import 'mapboxgl'
Error: Illegal reassignment to import 'mapboxgl'
at error (C:\Users\m.wilson\AppData\Roaming\npm\node_modules\rollup\src\utils\error.js:2:14)
at disallowIllegalReassignment (C:\Users\m.wilson\AppData\Roaming\npm\node_modules\rollup\src\ast\nodes\shared\disallowIllegalReassignment.js:9:4)

Answer 2

error TS2307: Cannot find module 'mapbox-gl/dist/mapbox-gl.js'

mapbox-gl/dist/mapbox-gl.js文件是一个未检入git的构建文件。 它包含在npm软件包中。 如果缺少此文件，可以通过在mapbox-gl文件夹中运行npm install && npm run build-min来生成该文件。

Answer 3

是的，你说的没错。 声明（与大多数外部js库一样）：从文件夹的根目录开始（您可能必须使用sudo进行npm安装）。

$ npm install -g typings;
$ typings install --save --global dt~geojson
$ typings install --save --global dt~mapbox-gl

PS：我也在做这个。 我可以提供服务并进行构建，但是在android模拟下却出现了黑屏。 你能纠正对你的感觉好吗

Answer 4

这可能违背了所有神圣的事物，但是我确实通过这样导入来使事情起作用...

const mapboxgl = require('../../../node_modules/mapbox-gl/dist/mapbox-gl.js'); const Map = mapboxgl.Map