Описание проблемы:
Используйте G2 для визуального отображения в Angular, следуйте инструкциям на официальном сайте: 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: средство доступа не может быть объявлено в окружающем контексте.
Решение:
Добавьте «skipLibCheck»: true в файл src / tsconfig.app.json, чтобы пропустить проверку файла объявления. Есть ли какие-либо побочные эффекты, о которых еще не известно? Спросите совета?
Элементы конфигурации файла 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目录下的文件
]
}