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

Question

我在尝试将 mapboxgl 导入我的 TypeScript 文件时遇到错误。

我已经像在 README for 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';

但并不是所有问题都解决了这个问题。我正在使用 Rollup 进行捆绑，这现在导致了一个错误：

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 包中。如果您缺少此文件，您可以通过运行 npm install && npm run build-min 在 mapbox-gl 文件夹中生成它。

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

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

Cannot find module 'mapbox-gl/dist/mapbox-gl.js'

typescript

mapbox-gl-js