TypeScript项目中GoJS-Angular调试模式运行及模块加载方法

1. 切换到GoJS调试版本 #

GoJS的调试版（go.js）包含完整的断言逻辑、详细错误提示和未压缩源码，是调试的核心依赖。在TypeScript项目中可通过两种方式切换：

• 修改组件导入路径：在所有引入GoJS的组件文件里，把默认导入路径从'gojs'替换为调试文件路径：

  import * as go from 'gojs/release/go.js';
  

• 调整Angular全局脚本配置：若之前通过全局脚本引入GoJS，打开angular.json，找到项目build->options->scripts数组，将原有的node_modules/gojs/release/go.min.js替换为：

  "scripts": [
    "node_modules/gojs/release/go.js"
  ]
  

2. 配置Angular开发构建参数 #

确保Angular在开发模式下保留调试所需的源码信息，不压缩代码：

1. 打开angular.json，定位到configurations->development节点；
2. 确认以下配置项：

   "optimization": false,
   "sourceMap": true,
   "vendorChunk": true,
   "extractLicenses": false,
   "buildOptimizer": false
   

3. 开启GoJS调试特性 #

在初始化Diagram前，可显式启用调试相关全局设置（调试版默认已开启断言，生产版会自动忽略该设置）：

go.Diagram.licenseKey = "你的授权密钥";
// 显式开启断言，强化调试时的错误提示
go.DEBUG = true;

4. 启动调试会话 #

运行Angular开发服务器，进入调试模式：

ng serve --configuration development

打开浏览器开发者工具（F12），切换到Sources标签，找到GoJS源码或你的组件TypeScript文件，设置断点即可开始调试。

内容的提问来源于stack exchange，提问作者Ehthesham