如何在角8项目中导入Mapbox绘图

Question

我正在和Webpack一起做一个8角的项目。我能够集成Mapbox ，但我不知道如何导入Mabox绘图。我有以下版本：

"@angular/core": "8.2.14",
"mapbox-gl": "^1.9.0",
"@types/mapbox-gl": "^1.8.2",
"@mapbox/mapbox-gl-draw": "^1.1.2",

我跟随Mapbox绘制文档，所以在我的角度服务中，我补充道：

import * as MapboxDraw from '@mapbox/mapbox-gl-draw';

所以我得到了一个错误：

TS7016:找不到模块“@mapbox/mapbox绘图”的声明文件。'/home/tommy/Work/engineering/effector/effector-gui/node_modules/@mapbox/mapbox-gl-draw/index.js‘隐式地具有“任意”类型。如果存在npm install @types/mapbox__mapbox-gl-draw，可以尝试使用它，或者添加一个新的声明(.d.ts)文件，其中包含“声明模块”@mapbox/mapbox draw‘；

在这一建议之后，我尝试使用require而不是导入

const MapboxDraw = require('@mapbox/mapbox-gl-draw');

我有这样的经历：

3:20错误要求语句--不是导入语句@typescript的一部分--eslint/no-var--需要在./node_node/jsonlint-line/lib/jsonlint.js模块中找到错误:错误:无法解析'/home/user/proj/node_modules/jsonlint-lines/lib中的'fs‘。

因此，我尝试遵循这，修改了我的这，并通过npm "fs“安装了它。但是出现了一个错误：

没有找到这个依赖项：* fs在./node_node/jsonlint-line/lib/jsonlint.js中安装，您可以运行: npm安装-保存fs没有类型错误找到

因此，我决定回到第一个错误，我跟随这。我修改了tsconfig.json文件，添加了以下值：

    "typeRoots": ["node_modules/@types","./types"],
...
  "exclude": ["node_modules","./types"]

在这三个文件夹中创建了index.d.ts文件/@mapbox/mapbox/具有以下内容

declare module '@mapbox/mapbox-gl-draw';

但我知道这个错误

未定义(未定义、未定义)中的错误: TS2688:无法找到“@mapbox”的类型定义文件。

现在我觉得离解决方案太近了，但我现在不知道如何进一步解决问题。

Answer 1

我在type/@mapbox文件夹中创建了一个包含以下内容的附加index.d.ts文件：

declare module '@mapbox';

但这次我拿回了这个

ERROR  Failed to compile with 1 errors
This dependency was not found:
* fs in ./node_modules/jsonlint-lines/lib/jsonlint.js
To install it, you can run: npm install --save fs

在我的这文件和这文件中添加了与fs相关的行

module.exports = (options) => ({
    node: { fs: 'empty' },
    resolve: {

然后成功地编译了代码。

Answer 2

我能够在我的指令中使用@ts-ignore：

// @ts-ignore
import * as MapboxDraw from "@mapbox/mapbox-gl-draw";

在webpack的配置中，类似@tommynicoletti的回答：

module.exports = (options) => ({
    node: { fs: 'empty' },
    resolve: {