Angular 8.2.14运行报vkbeautify module not defined错误如何解决？

报错原因 #

• 核心触发点是你在angular.json的scripts配置中额外引入了vkbeautify的CommonJS格式入口文件：vkbeautify默认的index.js是面向Node.js环境编写的，包含module.exports语法，浏览器环境没有全局module对象，直接作为静态脚本加载就会抛出你遇到的ReferenceError: module is not defined报错
• 同时你已经在XmlPipe中通过ES模块语法import * as vkbeautify from 'vkbeautify'引入了依赖，Angular构建工具会自动处理CommonJS模块的打包适配，完全不需要手动在scripts中额外引入，属于重复加载的冗余配置

解决方案 #

1. 打开angular.json配置文件，删除scripts数组中的"node_modules/vkbeautify/index.js"这一行
2. 重新启动本地开发服务ng serve，报错即可消除
3. 如果后续出现vkbeautify相关的类型提示报错，可执行npm install @types/vkbeautify --save-dev安装对应的类型声明包即可

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