JavaScript中出现ReferenceError: File is not defined错误的原因

嘿，这个坑我之前踩过！咱们来拆解下问题出在哪，以及怎么解决：

为什么会报错？ #

你遇到的ReferenceError: File is not defined本质上是用错了File对象的使用场景，它根本不是用来直接通过文件路径读取本地文件的：

• 如果是在浏览器环境：浏览器出于安全限制，不允许JS直接访问本地文件系统的路径，原生File对象只能用来处理用户主动上传的文件（比如通过<input type="file">选择的文件），不能直接用路径创建实例。
• 如果是在Node.js环境：Node.js根本没有内置的File构造函数，读取文件得用它自带的fs（文件系统）模块。

分场景的解决方案 #

如果你是在浏览器端开发 #

想要读取文件，必须通过用户交互让用户上传文件，举个简单的例子：

<!-- 先加一个文件上传控件 -->
<input type="file" id="fileInput">

<script>
// 监听文件选择事件
document.getElementById('fileInput').addEventListener('change', (e) => {
  // 获取用户选中的第一个文件
  const selectedFile = e.target.files[0];
  if (!selectedFile) return;

  // 使用FileReader读取文件内容
  const reader = new FileReader();
  reader.onload = (event) => {
    // event.target.result就是文件的文本内容
    console.log('文件内容:', event.target.result);
  };
  // 以文本格式读取文件
  reader.readAsText(selectedFile);
});
</script>

如果你是在Node.js环境下运行代码 #

用Node.js内置的fs模块来读取文件，推荐用异步的Promise版本（避免阻塞进程），示例代码：

// 引入fs的Promise版本（Node.js 10+支持）
const fs = require('fs').promises;

async function readEmotionFiles() {
  try {
    // 读取happy.txt的内容
    const happyContent = await fs.readFile('/dataset/happy.txt', 'utf8');
    console.log('happy.txt内容:', happyContent);

    // 你可以用同样的方式读取其他文件
    const sadContent = await fs.readFile('/dataset/sad.txt', 'utf8');
    // ... 其他文件
  } catch (err) {
    // 捕获读取错误
    console.error('读取文件时出错:', err);
  }
}

// 调用函数
readEmotionFiles();

如果需要同步读取（不推荐在主业务流程中使用，会阻塞Node.js的事件循环），可以用fs.readFileSync：

const fs = require('fs');

try {
  const content = fs.readFileSync('/dataset/happy.txt', 'utf8');
  console.log(content);
} catch (err) {
  console.error(err);
}

总结 #

你原来的代码误解了File对象的用途——它不是用来直接读取本地文件路径的工具，而是用来封装用户上传的文件数据的对象。根据你的运行环境（浏览器/Node.js）选择对应的文件读取方式就可以解决这个问题啦！

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