如何用TypeScript读取日志文件？遇fs模块未找到等问题

1. fs模块找不到的问题 #

• 确认运行环境为Node.js（fs是Node.js内置模块，浏览器环境无法使用）。
• 安装Node.js的TypeScript类型定义：

  npm install @types/node --save-dev
  

• 在tsconfig.json中配置"types": ["node"]，或确保"typeRoots"包含node_modules/@types。

2. 用Promise实现fs文件读取 #

Node.js的fs模块自带Promise版本API，直接使用fs.promises即可：

import fs from 'fs/promises';

async function readLogFile(filePath: string) {
  try {
    const content = await fs.readFile(filePath, 'utf-8');
    console.log(content);
    return content;
  } catch (err) {
    console.error('读取文件失败:', err);
    throw err;
  }
}

// 调用示例
readLogFile('test.txt');

若使用旧版本Node.js，也可通过util.promisify包装回调式API：

import fs from 'fs';
import { promisify } from 'util';

const readFile = promisify(fs.readFile);

async function readLogFile(filePath: string) {
  const content = await readFile(filePath, 'utf-8');
  console.log(content);
}

3. 测试文件的存放位置 #

没有强制统一标准，常见两种方案：

• 放在src目录内：在src下创建__tests__文件夹，将测试文件与对应源码放在同一层级（比如src/utils/xxx.ts对应src/utils/__tests__/xxx.test.ts），方便关联维护。
• 放在根目录：在项目根目录创建tests或__tests__文件夹，与src同级，适合希望源码和测试代码完全分离的场景。
  具体选择可参考项目规范或使用的测试框架（如Jest、Vitest均支持两种结构，可通过配置调整）。

4. 关于你尝试的fetch代码 #

• Node.js环境：fetch是浏览器原生API，Node.js v18以下版本不支持，需安装第三方包：

  npm install node-fetch
  npm install @types/node-fetch --save-dev
  

  导入使用示例：

  import fetch from 'node-fetch';
  
  async function fetchFile() {
    const res = await fetch('test.txt');
    const content = await res.text();
    console.log(content);
  }
  

• 浏览器环境：直接用fetch读取本地文件路径会触发跨域限制，无法直接读取，需通过<input type="file">让用户选择文件后，用FileReader读取：

  const input = document.createElement('input');
  input.type = 'file';
  input.onchange = (e) => {
    const file = (e.target as HTMLInputElement).files?.[0];
    if (file) {
      const reader = new FileReader();
      reader.onload = () => {
        console.log(reader.result);
      };
      reader.readAsText(file);
    }
  };
  input.click();
  

内容的提问来源于stack exchange，提问作者The Old County