GitHub Codespaces中已装Node.js却无法使用require的问题求助

云上老周

2026-8-3

问题分析与解决

问题代码

const fs = require('fs');
let initialValue = '';

fs.readFile('../previewFirst.txt', (err, data) => {
   if (err)
      throw err;
   console.log(data.toString());
   initialValue = data.toString();
});

报错信息

Module not found: Error: Can't resolve 'fs' in '/workspaces/codespaces-react/src/features'

核心原因

你是在React前端项目里用了Node.js的核心模块fs——React项目运行在浏览器环境，而fs只能在Node.js后端环境中使用，浏览器根本没有这个模块，所以webpack打包时会报错找不到它，这和Codespaces里有没有安装Node.js没关系。

解决方案

情况1：读取项目内的静态文本文件

把previewFirst.txt移动到项目的public文件夹下，然后用浏览器支持的fetch方法读取：

let initialValue = '';

fetch('/previewFirst.txt')
  .then(res => res.text())
  .then(data => {
    console.log(data);
    initialValue = data;
  })
  .catch(err => console.error('读取文件失败：', err));

情况2：必须使用Node.js的文件操作能力

如果需要做后端的文件处理逻辑，得把这部分代码移到单独的Node.js后端服务里（比如用Express写个简单接口），前端通过调用接口来获取数据：

新建一个后端文件（比如server.js），用Express写接口返回文件内容：

const express = require('express');
const fs = require('fs');
const path = require('path');
const app = express();

app.get('/api/get-file', (req, res) => {
  const filePath = path.join(__dirname, 'previewFirst.txt');
  fs.readFile(filePath, 'utf8', (err, data) => {
    if (err) {
      res.status(500).send('读取文件失败');
      return;
    }
    res.send(data);
  });
});

app.listen(3001, () => {
  console.log('后端服务运行在3001端口');
});