Webpack5引入mysql模块编译报错，已尝试配置仍未解决

核心结论 #

不是你安装的包有问题，mysql模块是专为Node.js后端环境开发的，完全无法在浏览器环境中运行。

原因说明 #

你看到的报错里，net、tls、fs这些都是Node.js专属的核心模块：

• net用于建立TCP连接，tls负责加密通信，这俩都是浏览器不允许直接操作的底层网络能力，也没有对应的浏览器兼容库；
• fs是文件系统模块，浏览器环境根本没有文件系统的访问权限。
  就算你把crypto、stream这些模块的polyfill配置好，也解决不了net和tls的缺失问题，更别说前端直接连MySQL本身就有严重的安全隐患（会泄露数据库账号密码）。

正确解决思路 #

1. 后端API中转（推荐）
   用Node.js搭建一个简单的后端服务（比如Express框架），在后端代码里使用mysql模块操作数据库，前端通过fetch或axios调用后端提供的API接口，间接实现数据交互。
2. 前端友好的存储方案
   如果不需要对接MySQL，可以选择浏览器原生的存储方案（比如IndexedDB、LocalStorage），或者使用Firebase、Supabase这类BaaS服务，它们提供了前端可直接调用的数据库接口。

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