卸载@azure/msal-angular后Angular项目构建启动失败求助

卸载@azure/msal-angular库并移除所有相关导入后，执行ng build或ng serve时出现如下错误：

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.

以下是两种针对性解决方案：

方案一：需要util模块时添加polyfill #

• 安装util依赖包：

npm install util --save

• 配置Webpack回退规则：
  1. 安装自定义Webpack构建工具：

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

  2. 在项目根目录创建webpack.config.js文件，写入：

  module.exports = {
    resolve: {
      fallback: {
        "util": require.resolve("util/")
      }
    }
  };
  

  3. 修改angular.json中的构建配置，替换builder并指定自定义配置文件：

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

方案二：不需要util模块时禁用polyfill #

• 安装自定义Webpack构建工具（未安装过的话）：

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

• 创建webpack.config.js文件，写入：

module.exports = {
  resolve: {
    fallback: {
      "util": false
    }
  }
};

• 修改angular.json中的build和serve配置，替换builder并指定自定义配置文件（同方案一的步骤3）

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