Electron+Angular5实现工作目录列表：fs模块无法访问求助

嘿，我来帮你搞定这个问题！你遇到的TS2307: Cannot find module 'fs'错误，本质是TypeScript找不到fs模块的类型声明，只配置Webpack的externals还不够，得让TypeScript认识这个Node.js内置模块。下面是一步步的解决步骤：

1. 安装Node.js的类型定义包 #

首先得装@types/node，它包含了所有Node.js内置模块的TypeScript类型声明，直接在终端运行：

npm install @types/node --save-dev

2. 修改tsconfig.json让TypeScript识别模块 #

打开项目根目录的tsconfig.json，找到compilerOptions区块，添加或更新这两个配置项：

{
  "compilerOptions": {
    // 保留你原有的其他配置...
    "types": ["node"], // 告诉TypeScript要引入Node.js的类型定义
    "typeRoots": ["node_modules/@types"] // 指定类型文件的根目录（如果没设置过的话）
  }
}

这一步做完，TypeScript就能找到fs的类型信息，不会再报找不到模块的错误了。

3. 修正Webpack的externals配置 #

你之前的Webpack配置有个小语法问题，正确的写法应该是这样的（注意闭合的大括号和分号）：

module.exports = {
  // 其他Webpack配置...
  externals: {
    "fs": "require('fs')"
  }
};

额外提醒 #

• 如果你是在Electron这类桌面原生应用里用Angular，还要确保你的代码运行在主进程，或者渲染进程已经开启了Node.js集成（比如Electron里设置nodeIntegration: true），不然即使配置对了，也没法访问文件系统。
• 要是你做的是普通浏览器端的Angular应用，那fs模块本来就用不了——浏览器没有文件系统访问权限，这种情况得换思路，比如通过后端接口来操作文件。

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