解决node-sass带-w选项出现的“File to read not found or unreadable”问题

出现问题

日常做前端开发在windows下常用Atom,总觉得编辑器优化还行,但偶尔有点疙瘩,就回过去重新折腾了下VSCode。
正常流程,也很方便的安装了一些常用插件,喜滋滋的开始做react应用开发。

在编辑了scss文件后页面样式却没有变化,纳闷之余,
突然发现,有日志报错。

{
  "status": 3,
  "message": "Internal Error: File to read not found or unreadable: E:/www/servble: E:/www/servsrc/styles/inde",
  "formatted": "Internal Error: File to read not found or unreadable: E:/www/servble: E:/www/servsrc/styles/indevsrc/s\n"
}

反复检查sass语法,没有问题?
那是发生了什么怪异事件?
尝试Atom、notepad++、sublime3,都很正常。

这就有点...谷歌。
https://github.com/michaelwayman/node-sass-chokidar/issues/14
https://github.com/sass/node-sass/issues/1894
https://github.com/Microsoft/vscode/issues/20491

解决问题

目前在create-react-app中使用sass/scss,做对应修改后的脚本为:
"watch-css": "npm run build-css && node-sass-chokidar src/ -o src/ --watch --recursive",
于是尝试追溯 node-sass-chokidar,很顺利。

解决方法:
对照修改.\node_modules\node-sass-chokidar\bin\node-sass-chokidar大约257行:

  var watcher = chokidar.watch(paths, {
    followSymlinks: options.follow,
    atomic: false //没错,就是这新加的配置
  });

完美?

更新于  

微信扫二维码与我们沟通

我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/项目建议/互联网交流
猿科技(iape.ltd),版权所有,转载请注明出处。