NextJS项目遇fs模块未找到及Sass无法安装问题求助

架构老林

2026-8-22

问题1：Express导入导致「Module not found: Can't resolve 'fs'」

从错误追踪路径能看到，你把Express相关的./root/server/test.js导入到了客户端组件（RegisterModal.jsx）里，而Express是Node.js后端框架，依赖fs这类Node.js核心模块——浏览器环境没有这些模块，所以编译时会报错。

移除客户端组件对后端代码的导入：检查RegisterModal.jsx里的代码，删掉对./root/server/test.js的引用。Express相关逻辑应该放在Next.js的API路由（pages/api/目录下）或者自定义服务器文件里，不能在客户端组件里调用。
如果需要在服务器端使用Express：
- 若要自定义Next.js服务器，创建单独的server.js文件，在里面导入Express并配置，然后修改package.json的启动命令为node server.js，不要把这个文件导入到客户端组件。
- 常规场景下，Next.js自带的API路由足够处理后端逻辑，不需要额外引入Express，直接在pages/api/下写接口即可。

问题2：Sass依赖缺失错误

Next.js的内置Sass支持依赖sass包（dart-sass），如果之前安装的是旧版的node-sass，或者安装过程中出现缓存问题，就会触发这个错误。

卸载旧依赖（如果有）：
```
npm uninstall node-sass
```
重新安装sass：
```
npm install sass
```
清理缓存并重启开发服务器：
```
rm -rf node_modules .next package-lock.json
npm install
npm run dev
```
这一步能解决大部分依赖缓存导致的安装不生效问题。