AngularJS GULP BrowerSync错误: ENAMETOOLONG，名称太长

Question

我需要你的帮助来完成我从git下载的这个著名的angular JS项目。https://github.com/thaiat/famous-flickr

当我运行gulp浏览器同步时，我得到这个ENAMETOOLONG错误，我不确定如何修复它。

aj$ gulp browsersync
[23:45:56] Using gulpfile ~/famous-flickr/gulpfile.js
[23:45:56] Starting 'browserify'...
[23:45:56] Finished 'browserify' after 23 ms
[23:45:56] Starting 'fonts'...
[23:45:56] Finished 'fonts' after 3.37 ms
[23:45:56] Starting 'style'...
[23:45:56] Starting 'style:watch'...
[23:45:56] Finished 'style:watch' after 7.39 ms

fs.js:438
  return binding.open(pathModule._makeLong(path), stringToFlags(flags), mode);
                 ^
Error: ENAMETOOLONG, name too long '/Users/famous-`flickr/client/styles/data:application/json;base64,

    at Object.fs.openSync (fs.js:438:18)
    at Object.fs.readFileSync (fs.js:289:15)
    at fromSource (/Users/DhanLalRaj/famous-flickr/node_modules/gulp-minify-css/node_modules/clean-css/lib/utils/input-source-map-tracker.js:67:31)
    at InputSourceMapStore.track (/Users/DhanLalRaj/famous-flickr/node_modules/gulp-minify-css/node_modules/clean-css/lib/utils/input-source-map-tracker.js:137:5)
    at Object.whenDone (/Users/DhanLalRaj/famous-flickr/node_modules/gulp-minify-css/node_modules/clean-css/lib/clean.js:96:44)
    at processNext (/Users/DhanLalRaj/famous-flickr/node_modules/gulp-minify-css/node_modules/clean-css/lib/imports/inliner.js:105:13)
    at importFrom (/Users/DhanLalRaj/famous-flickr/node_modules/gulp-minify-css/node_modules/clean-css/lib/imports/inliner.js:79:10)
    at ImportInliner.process (/Users/DhanLalRaj/famous-flickr/node_modules/gulp-minify-css/node_modules/clean-css/lib/imports/inliner.js:36:10)
    at /Users/DhanLalRaj/famous-flickr/node_modules/gulp-minify-css/node_modules/clean-css/lib/clean.js:71:41
    at process._tickDomainCallback (node.js:463:13)

Answer 1

这似乎是一个问题，可能会在缩小过程中出现映射文件。查看https://github.com/FlagshipWP/compass/issues/29，该项目在那里遇到了类似的问题。

一个对我有效的解决方案是简单地抑制sass创建地图文件。如果你有一个gulp项目，只需为sass设置配置参数：

<...>
.pipe(sass, mainSass, {
    sourcemap:false,
    loadPath: ['resources/bower_components']
}) 
<...>

如果从命令行运行sass，它将是：

sass blahblahblah.css --sourcemap=none