Angular + G2インポートG2モジュールエラー

問題の説明:

Angularでの視覚的表示にG2を使用し、公式Webサイトチュートリアルに従ってください:https://g2.antv.vision/zh/docs/manual/about-g2

npm install @antv/g2
import { Chart } from '@antv/g2';

次に、エラーを報告します

エラー:

node_modules/@antv/component/lib/abstract/group-component.d.ts(110,142)のエラー:エラーTS2304:名前「省略」が見つかりません。
node_modules / @ antv / data-set / lib / data-set.d.ts(1,8):エラーTS1192:モジュール '“ E:/ InspurWorkSpace / Angular / boostgoui / node_modules / wolfy87-eventemitter / EventEmitter”'にはありませんデフォルトのエクスポート。
node_modules / @ antv / data-set / lib / view.d.ts(1,8):エラーTS1192:モジュール '“ E:/ InspurWorkSpace / Angular / boostgoui / node_modules / wolfy87-eventemitter / EventEmitter”'にはデフォルトのエクスポートがありません。
node_modules/@antv/g2/lib/chart/controller/annotation.d.ts(14,9):エラーTS1086:アクセサーをアンビエントコンテキストで宣言できません。
node_modules / @ antv / g2 / lib / chart / controller / base.d.ts(20,18):エラーTS1086:アクセサーをアンビエントコンテキストで宣言できません。
ここに画像の説明を挿入

解決:

src / tsconfig.app.jsonファイルに「skipLibCheck」:trueを追加して、宣言ファイルのチェックスキップします。まだわかっていない副作用はありますか?アドバイスを求めますか?
ここに画像の説明を挿入
tsconfig.app.jsonファイルの構成項目は次のとおりです。

{
  "compilerOptions": {
    "target": "es5",//编译后的目标
    "lib": [
      "dom", //dom运行环境
      "dom.iterable",//迭代器运行环境
      "esnext"//es6转化成es5的环境
    ],
    "downlevelIteration": true,
    "allowJs": true, //是否允许在ts文件中引入js
    "skipLibCheck": true,//是否跳过声明文件的检查
    "esModuleInterop": true, //可以使用es6的方式导入node.js的方法
    "allowSyntheticDefaultImports": true,
    "strict": true,//所有的语法都会进行严格的检查
    "forceConsistentCasingInFileNames": true,//文件名是否区分大小写
    "module": "esnext",//模块化标准
    "moduleResolution": "node",//按照node的规则去找文件
    "resolveJsonModule": true,//是否允许把json文件当做模块进行解析
    "isolatedModules": true,//每个文件需要是一个模块
    "noEmit": true, //不需要生成文件
    "jsx": "react"
  },
  "include": [
    "src" //处理src目录下的文件
  ]
}

おすすめ

転載: blog.csdn.net/QiuHaoqian/article/details/106234642