你遇到的这个警告/错误：

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.

resolve.fallback: { "querystring": require.resolve("querystring-es3") }
...

说明你的项目中某个代码（很可能是旧版依赖或手动引入）使用了 Node.js 内置模块 querystring，而 Webpack 5 默认不再自动提供这些 Node.js 模块的浏览器端 polyfill。

但注意：你已经降级到 Webpack 4（npx webpack --version 显示 4.46.0），理论上 Webpack 4 是默认包含这些 polyfill 的，不应该出现这个错误。

🔍 真正原因分析

虽然你安装的是 webpack@4.46.0，但 可能仍有 Webpack 5 的残留或某些工具链（如 CLI）调用了 Webpack 5。

但从报错堆栈看：
@ ./src/views/userCenter/dispatchList/index.vue
...

更可能的原因是：

❌ 你在代码中 显式导入了 querystring，例如：

// src/views/userCenter/dispatchList/index.vue
import querystring from 'querystring'   // ← 这在浏览器中无法直接运行！

或者使用了类似：
const qs = require('querystring')

💡 querystring 是 Node.js 服务端模块，不能直接在浏览器中使用。Webpack 4 虽然会自动 polyfill，但如果你的构建环境不干净（比如混用了 Webpack 5 的 resolver），就可能失效。

✅ 解决方案（任选其一）

✅ 方案一：【推荐】改用浏览器兼容的 URLSearchParams 或 qs 库

替代 querystring.stringify / querystring.parse：

// 原写法（Node.js only）
import querystring from 'querystring'
const str = querystring.stringify({ a: 1, b: 2 })
const obj = querystring.parse('a=1&b=2')

改为浏览器原生 API：

// 序列化对象 → 查询字符串
const params = new URLSearchParams({ a: 1, b: 2 }).toString() // "a=1&b=2"

// 解析查询字符串 → 对象（简单场景）
const urlParams = new URLSearchParams('a=1&b=2')
const obj = Object.fromEntries(urlParams.entries()) // { a: "1", b: "2" }

⚠️ 注意：URLSearchParams 不支持嵌套对象（如 { a: { b: 1 } }），如果需要复杂序列化，请用 qs。

或使用 qs 库（功能更强，支持嵌套）：

npm install qs

import qs from 'qs'
const str = qs.stringify({ a: { b: 1 } }) // "a%5Bb%5D=1"
const obj = qs.parse('a[b]=1') // { a: { b: '1' } }

✅ 这是最干净、最现代的做法，彻底避免 Node.js 模块在前端使用。

✅ 方案二：强制 Webpack 4 提供 polyfill（临时 workaround）

如果你必须使用 querystring（比如第三方库依赖），可以手动配置 polyfill。

步骤 1：安装 polyfill 包

npm install querystring-es3 --save-dev

步骤 2：修改 build/webpack.base.conf.js

在 module.exports 中添加 node 字段（Webpack 4 支持）：

module.exports = {
  // ... 其他配置
  node: {
    querystring: 'empty' // 或 'mock'，但更推荐用下面的 resolve.alias
  },
  // 或者通过 alias 强制替换
  resolve: {
    alias: {
      querystring: 'querystring-es3'
    }
  }
}

✅ 推荐用 resolve.alias 方式，更可靠。

✅ 方案三：确认是否真的是 Webpack 4 在运行

虽然 npx webpack --version 显示 4.46.0，但 npm run dev 可能调用了全局或其他版本。

检查你的 node_modules/.bin/webpack 是否指向 v4：

.node_modules.binwebpack --version

如果还是报 Webpack 5 相关错误，说明：
- 可能 webpack-cli 版本太高（v4+ 只支持 Webpack 5）；
- 请确保安装的是 webpack-cli@3.3.12（专用于 Webpack 4）。

npm install webpack-cli@3.3.12 --save-dev

⚠️ webpack-cli@4+ 会强制使用 Webpack 5 行为，即使你装了 Webpack 4！

🛠️ 快速定位问题代码

搜索整个项目：

grep -r "querystring" src/
或在 VS Code 中全局搜索：from 'querystring' 或 require('querystring')

找到后替换为 URLSearchParams 或 qs。

✅ 总结建议
方法   推荐度   说明
改用 URLSearchParams 或 qs   ✅✅✅✅✅   最佳实践，彻底解决问题
配置 resolve.alias + querystring-es3   ✅✅   临时方案，适合第三方库依赖
升级到 Webpack 5 并配置 resolve.fallback   ❌   你的项目是 Webpack 4 架构，不推荐

💡 强烈建议采用方案一：前端不要依赖 Node.js 内置模块。querystring 完全可以用现代浏览器 API 替代。