浏览器运行含require的JS脚本报错ReferenceError的问题求助

嗨，我来帮你拆解这个问题～

首先得明确一个核心点：require是Node.js专属的模块加载语法，浏览器环境本身并不支持它，而且fs模块是Node.js用来操作本地文件系统的工具，浏览器出于安全限制，完全不允许前端脚本直接访问本地文件，所以你在浏览器里运行var fs = require('fs');肯定会报错。

接下来分析你提到的「学校笔记本能正常运行」的可能情况：

• 大概率你在学校的时候，是直接在终端用node script.js命令运行的脚本（就像你之前测试require代码时的操作），而不是通过浏览器打开HTML文件运行的——终端是Node.js环境，天然支持require和fs模块，所以不会报错。
• 也有可能学校的开发环境里配置了打包工具（比如Webpack、Browserify），这些工具能把Node.js风格的代码转换成浏览器能识别的语法，不过就算打包了，fs模块依然没法在浏览器里生效，所以这种可能性相对小一些。

给你几个针对性的解决方案：

• 如果你的脚本是用来做本地文件处理或者后端逻辑的：直接在终端用node script.js运行它，不要通过HTML引入到浏览器里。
• 如果需要在浏览器里实现文件相关的功能：放弃使用fs模块，换成浏览器原生的API，比如用FileReader处理用户上传的文件，或者用localStorage存储小型数据。
• 要是你习惯用Node.js的模块语法写前端代码：可以用打包工具把代码打包成浏览器兼容的版本，或者改用ES模块的import/export语法（记得在script标签里加上type="module"属性），但还是要注意：fs模块无论怎样都没法在浏览器环境中使用。

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