使用minify-xml遇UnhandledSchemeError，Node18+Angular16如何修复？

错误核心原因：minify-xml是为Node.js环境开发的库，它直接使用了node:stream/promises和node:stream这类Node.js内置模块的node:协议导入语法。而Angular基于的Webpack在浏览器构建环境下，默认不支持处理node:协议的模块引用，因此抛出该错误。

方案1：替换为浏览器兼容的XML压缩库 #

优先选择纯浏览器端可用的XML压缩工具，彻底规避Node.js模块依赖问题，推荐以下两个库：

使用xml-minifier #

1. 安装依赖：

npm install xml-minifier --save

2. 替换代码：

import { minify } from 'xml-minifier';

this.outputLongText = minify(this.inputLongText);

使用pretty-data #

1. 安装依赖：

npm install pretty-data --save

2. 替换代码：

import pd from 'pretty-data';

this.outputLongText = pd.xmlmin(this.inputLongText);

方案2：配置Webpack兼容node:协议（不推荐） #

如果必须使用minify-xml，需要修改Angular的Webpack配置，添加node:协议的处理规则，并引入相关polyfill，但这种方式可能带来额外的兼容风险：

1. 安装自定义Webpack构建工具：

npm install @angular-builders/custom-webpack --save-dev

2. 安装stream的浏览器polyfill：

npm install stream-browserify --save

3. 在项目根目录创建custom-webpack.config.js：

module.exports = {
  resolve: {
    alias: {
      // 将node:协议的模块映射到对应的browserify版本
      'node:stream/promises': 'stream/promises',
      'node:stream': 'stream-browserify'
    },
    extensions: ['.js', '.ts']
  },
  module: {
    rules: [
      {
        test: /\.m?js$/,
        resolve: {
          fullySpecified: false
        }
      }
    ]
  }
};

4. 修改angular.json中的构建配置：
   找到architect.build和architect.serve节点，替换builder并指定自定义Webpack配置：

"architect": {
  "build": {
    "builder": "@angular-builders/custom-webpack:browser",
    "options": {
      "customWebpackConfig": {
        "path": "./custom-webpack.config.js"
      },
      // 保留原有其他配置（如outputPath、index等）
    }
  },
  "serve": {
    "builder": "@angular-builders/custom-webpack:dev-server",
    // 保留原有其他配置
  }
}

5. 在src/polyfills.ts中添加polyfill导入：

import 'stream-browserify';

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