React项目启动报错：Can't resolve 'url' in redux-auth-wrapper及依赖问题求助

1. 修复redux-auth-wrapper的url模块找不到错误 #

这个错误源于Webpack 5不再默认提供Node.js核心模块的polyfill，redux-auth-wrapper依赖的url模块需要手动处理。

方案一：安装url并配置polyfill #

1. 安装url包：

npm install url --save

2. 修改Webpack配置文件（若使用Create React App且未eject，可通过react-app-rewired或craco修改），添加resolve.fallback配置：

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

方案二：禁用该模块的polyfill（确认不需要时使用） #

如果项目不需要url模块的功能，可直接在Webpack配置中禁用：

module.exports = {
  // 其他配置项
  resolve: {
    fallback: {
      "url": false
    }
  }
};

2. 处理peer依赖警告与安全漏洞 #

安装缺失的peer依赖 #

根据警告信息，手动安装所有需要的peer依赖：

npm install ajv@>=8 @popperjs/core@^2.9.2 react@^16.3.0 react-dom@^16.3.0 --save

注意：若项目使用更高版本React（如17/18），需确认react-bootstrap-table-next等包是否兼容高版本React。不兼容的话，要么降级React到16.x，要么替换为兼容的组件库。

修复安全漏洞 #

运行命令自动修复可修复的漏洞：

npm audit fix

若无法全部修复，执行npm audit查看详细漏洞信息，手动更新对应依赖版本。

关于fsevents的警告 #

该警告可忽略，fsevents是MacOS平台的可选依赖，Windows系统无需安装，npm会自动跳过。

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