保存src/index.html时Parcel出现ENOENT文件不存在错误

针对修改src/index.html保存后终端抛出ENOENT错误、dist/index.html未更新的问题，给你几个直接可行的解决办法：

• 清理Parcel缓存与输出目录
  先停止当前运行的开发服务，手动删除项目根目录下的.parcel-cache文件夹和dist文件夹，然后重新执行npm run dev。Parcel的缓存文件可能损坏，导致临时构建文件生成异常，清理后能重置构建环境。

• 检查文件系统权限
  确保当前用户对项目文件夹拥有完整的读写权限：

  • Windows：右键项目文件夹→属性→安全选项卡，确认当前用户有「读取和写入」权限
  • macOS/Linux：在终端执行sudo chmod -R 755 ./，赋予项目目录合适的权限

• 升级Parcel相关依赖
  你当前使用的Parcel 2.7.0存在部分文件系统相关的已知bug，升级到最新稳定版大概率能解决问题：

  npm install parcel@latest @parcel/transformer-sass@latest sass@latest --save-dev
  

• 避免项目路径含特殊字符
  检查你的项目文件夹路径，确保没有中文、空格或特殊符号（如!@#$%），Parcel对包含特殊字符的路径处理容易出现异常。

• 显式指定输出目录
  修改package.json中的scripts，强制指定输出目录，避免临时文件路径混乱：

  {
    "scripts": {
      "dev": "parcel src/index.html --dist-dir dist",
      "build": "parcel build src/index.html --dist-dir dist"
    }
  }
  

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