注：写这项目遇到的问题，我都是用了一系列折中办法，有更好方案的，欢迎交流使用antv/g6运行报错问题【有解决方案的评论区发下，本人才能有限】
get length():number报错，原代码如下图
export default class Stack {
private linkedList;
private maxStep;
constructor(maxStep?: number);
get length(): number;
/**
* 判断栈是否为空，如果链表中没有头部元素，则栈为空
*/
isEmpty(): boolean;
/**
* 是否到定义的栈的最大长度，如果达到最大长度后，不再允许入栈
*/
isMaxStack(): boolean;
/**
* 访问顶端元素
*/
peek(): any;
push(value: any): void;
pop(): any;
toArray(): any[];
clear(): void;
}
由于项目比较着急，短时间内未找到解决方案，我改动了插件的代码，主要修改了length属性，修改后运行成功。改动后代码如下：
export default class Stack {
private linkedList;
private maxStep;
constructor(maxStep?: number);
length(): number;
/**
* 判断栈是否为空，如果链表中没有头部元素，则栈为空
*/
isEmpty(): boolean;
/**
* 是否到定义的栈的最大长度，如果达到最大长度后，不再允许入栈
*/
isMaxStack(): boolean;
/**
* 访问顶端元素
*/
peek(): any;
push(value: any): void;
pop(): any;
toArray(): any[];
clear(): void;
}
封装的js中，要使用angular/material组件
1：首先，在index.html中
<!doctype html><html><head>
<meta charset="utf-8">
<title>Loading...</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> <!-- 解决的meta -->
<!-- <meta http-equiv="Content-Security-Policy" content="default-src 'none'; connect-src 'self';font-src 'self'; img-src 'self' data: https:; style-src 'self' ; script-src 'self'"> -->
<link rel="icon" href="assets/img/favicon.ico">
<link href="./assets/styles/jquery.lineProgressbar.css"></head><style> :focus { outline-style: none !important; }</style>
<body>
<app-root></app-root></body></html>
<script>
//全局配置
var zoneBtnZDelete;
var BeCoreMessage;
var firblcThat;
var $that;
</script>
2：在引入js的那个路由页面
declare var BeCoreMessage:any; // 全局消息提醒
// class中写入
constructor(){
BeCoreMessage = this.snackBar;}
3：封装的js部分就可以直接使用了
BeCoreMessage.open(result.data.Message, 'error', {duration: 2000, });
