打字稿找不到模块

debugcn 发表于 Dev

凯尔

我正在尝试在Visual Studio 2019上导入带有Typescript的模块。

import * as Highcharts from 'highcharts';
(<any>window).Highcharts = Highcharts;

结果是：

错误TS2307（TS）找不到模块“ highcharts”。
错误TS2307内部版本：找不到模块“ ../node_modules/highcharts”。

这是我的tsconfig.json

{
  "compilerOptions": {
    "noImplicitAny": true,
    "noEmitOnError": true,
    "removeComments": false,
    "sourceMap": true,
    "target": "ESNext"
  },
  "include": [
    "**/*"
  ],
  "exclude": [
    "node_modules",
    "wwwroot"
  ],
  "compileOnSave": true
}

这是我的packages.json：

{
  "version": "1.0.0",
  "name": "asp.net",
  "private": true,
  "devDependencies": {
    "gulp": "4.0.2",
    "del": "5.1.0",
    "highcharts": "8.0.0"
  }
}

如果我在依赖项=> npm下查看，则可以找到highcharts。如果我在我的node_modules文件夹中查找，highcharts在那里。

我想念什么？我是在打字稿中使用模块的新手，但是我在Google上找到的所有内容似乎都与我的设置类似。

阿卜杜勒曼·萨伊德（Abdelrhman ElSayed）

根据highcharts自述文件，您需要将其导入为

import Highcharts from 'highcharts';

那么您需要更新tsconfig.json文件

{
  "compilerOptions": {
    "allowSyntheticDefaultImports": true,
    "esModuleInterop": true,
    "baseUrl": "./",
    "module": "es6",
    "moduleResolution": "node",
    "target": "es6",
    "paths": {
      "https://code.highcharts.com/es-modules/masters/*.src.js": [
        "node_modules/highcharts/*.src"
      ]
    }
  }
}

检查这个https://github.com/highcharts/highcharts#typescript--umd

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。