File to read not found or unreadable

背景

最近用create-react-app构建react项目过程中，使用官方推荐的方法处理scss文件的编译问题，即node-sass-chokidar，编辑器使用VSCode，在修改scss文件并保存的过程中，出现编译失败的问题，报错内容为File to read not found or unreadable，具体如下

{
  "status": 3,
  "message": "File to read not found or unreadable: E:/learn/react-app1/src/index.scss",
  "formatted": "Internal Error: File to read not found or unreadable: E:/learn/react-app1/src/index.scss\n"
}

解决

直接上github的Issue找，这种问题一般不会是个人问题，果不其然，发现了相关的Issue，一步一步跟进最终找到了解决方法，在node-sass项目的Issue下，解决要点：

• 由marcosbozzani大神做了修复，修复分支bug-vscode-watch
• 此时node-sass最新版本为4.9，版本中未处理此问题
• 需要手动修复，替换node_modules/node-sass/lib/render.js为render.js

此问题并不是node-sass的问题，主要是vscode锁定了文件而造成了文件不可读，marcosbozzani大神是这么说的The problem seems to be VSCode is still holding the file while node-sass try to access it.

在此记录一下问题及解决方法，分享给有需要的朋友