React集成Azure Keyvault时无法解析'url'模块的问题求助

错误信息 #

ERROR in ./node_modules/@azure/keyvault-secrets/dist-esm/keyvault-common/src/parseKeyvaultIdentifier.js 3:0-27
Module not found: Error: Can't resolve 'url'

BREAKING CHANGE: webpack < 5 曾默认包含Node.js核心模块的polyfill，现在已不再如此。请确认是否需要该模块并配置polyfill。

解决方案 #

情况1：需要url模块的polyfill #

如果你的应用依赖url模块的功能，按以下步骤操作：

• 安装url依赖包：

  npm install url
  # 或使用yarn
  yarn add url
  

• 修改webpack配置文件（一般是webpack.config.js），添加回退配置：

  module.exports = {
    // 保留其他原有配置
    resolve: {
      fallback: {
        "url": require.resolve("url/")
      }
    }
  };
  

情况2：不需要polyfill #

如果确认应用不需要url模块的功能，直接在webpack配置中禁用该模块的回退：

module.exports = {
  // 保留其他原有配置
  resolve: {
    fallback: {
      "url": false
    }
  }
};

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