导入文件系统模块时'ReferenceError: require is not defined‘

'ReferenceError: require is not defined'错误通常是由于在浏览器环境中使用了Node.js特定的模块引入语法。在浏览器端的JavaScript中，没有内置的模块系统，因此无法直接使用require函数。要解决这个问题，可以采用以下几种方法：

1. 使用浏览器端的模块加载器：使用像Webpack、Browserify或Parcel这样的工具，它们可以将Node.js的模块语法转换为适用于浏览器的语法。通过配置和打包，将所有需要的模块打包成一个或多个浏览器可识别的脚本文件。这些工具还支持代码分割、压缩和其他优化功能。
2. 使用浏览器原生的模块加载功能：现代浏览器已经开始支持ECMAScript模块（ES Modules）规范。可以在HTML文件的<script type="module">标签中直接使用import语法引入模块。这种方式需要确保浏览器的兼容性，可以通过使用Babel等工具进行转换和降级。
3. 使用特定于浏览器的模块库：一些浏览器端的JavaScript库提供了自己的模块加载功能，例如RequireJS和SystemJS。这些库可以通过配置和API来实现模块的异步加载和管理。

综上所述，可以根据具体的应用场景和需求选择合适的方法来解决'ReferenceError: require is not defined'错误。以下是一些相关资源供参考：

• Webpack：一个用于打包现代JavaScript应用程序的静态模块打包工具。 官网：https://webpack.js.org/
• Browserify：一个适用于浏览器的模块打包工具，可以使用类似于Node.js的require语法。 官网：http://browserify.org/
• Parcel：一个快速的、零配置的Web应用打包工具。 官网：https://parceljs.org/
• Babel：一个JavaScript编译器，可以将ES6+代码转换为浏览器兼容的ES5代码。 官网：https://babeljs.io/
• RequireJS：一个适用于浏览器的模块加载器，支持异步加载模块。 官网：https://requirejs.org/
• SystemJS：一个通用的模块加载器，可以在浏览器中加载模块。 官网：https://github.com/systemjs/systemjs