SASS COMPILING ERROR

[jkaliski]

Hi,

I used Foundation for building static websites before, but I am very new to Foundation Press. I have some issues unresolved

1. Every time when I try to compile SASS i get the following error:

[13:26:07] gulp-notify: [Sass Error] assets/scss/global/_settings.scss
Error: File to import not found or unreadable: ../../components/foundation-sites/scss/util/util
       Parent style sheet: /Applications/wordpress-4.2.2-1/apps/wordpress/htdocs/wp-content/themes/FoundationPress/assets/scss/global/_settings.scss
        on line 42 of assets/scss/global/_settings.scss
>> @import '../../components/foundation-sites/scss/util/util';
   ^

I couldn't find any solution so far. Which are those files? Any ideas?

1. How about wordpress style.css file?
   SASS compiles everything to foundation.css. Do I need to copy the file content into WP's style.css in order to make the styles on my website work?

   Any help gladly appreciated.
   Jarek

jjkaliski@gmail.com

[olefredrik]

@jkaliski : What version of node.js are you using? Did you get any errors when you ran npm install?

[jkaliski]

Hi Ole Fredrik. I did get some errors, but no idea how to solve them:

npm WARN deprecated gulp-minify-css@1.2.3: Please use gulp-cssnano instead.
npm WARN deprecated npmconf@2.1.1: this package has been reintegrated into npm and is now out of date with respect to npm
npm WARN deprecated lodash@1.0.2: lodash@<2.0.0 is no longer maintained. Upgrade to lodash@^3.0.0

> phantomjs@1.9.19 install /Applications/MAMP/htdocs/wordpress/wp-content/themes/FoundationPress/node_modules/gulp-uncss/node_modules/uncss/node_modules/phridge/node_modules/phantomjs
> node install.js

PhantomJS not found on PATH
Downloading https://bitbucket.org/ariya/phantomjs/downloads/phantomjs-1.9.8-macosx.zip
Saving to /Applications/MAMP/htdocs/wordpress/wp-content/themes/FoundationPress/node_modules/gulp-uncss/node_modules/uncss/node_modules/phridge/node_modules/phantomjs/phantomjs/phantomjs-1.9.8-macosx.zip
Receiving...
  [===================================-----] 87% 0.0s-
Received 9187K total.
Extracting zip contents
Removing /Applications/MAMP/htdocs/wordpress/wp-content/themes/FoundationPress/node_modules/gulp-uncss/node_modules/uncss/node_modules/phridge/node_modules/phantomjs/lib/phantom
Copying extracted folder /Applications/MAMP/htdocs/wordpress/wp-content/themes/FoundationPress/node_modules/gulp-uncss/node_modules/uncss/node_modules/phridge/node_modules/phantomjs/phantomjs/phantomjs-1.9.8-macosx.zip-extract-1452521537420/phantomjs-1.9.8-macosx -> /Applications/MAMP/htdocs/wordpress/wp-content/themes/FoundationPress/node_modules/gulp-uncss/node_modules/uncss/node_modules/phridge/node_modules/phantomjs/lib/phantom
Writing location.js file
Done. Phantomjs binary available at /Applications/MAMP/htdocs/wordpress/wp-content/themes/FoundationPress/node_modules/gulp-uncss/node_modules/uncss/node_modules/phridge/node_modules/phantomjs/lib/phantom/bin/phantomjs
npm WARN deprecated npmconf@2.1.2: this package has been reintegrated into npm and is now out of date with respect to npm

> spawn-sync@1.0.15 postinstall /Applications/MAMP/htdocs/wordpress/wp-content/themes/FoundationPress/node_modules/gulp-sass/node_modules/node-sass/node_modules/cross-spawn/node_modules/spawn-sync
> node postinstall

\
> node-sass@3.4.2 install /Applications/MAMP/htdocs/wordpress/wp-content/themes/FoundationPress/node_modules/gulp-sass/node_modules/node-sass
> node scripts/install.js

Binary downloaded and installed at /Applications/MAMP/htdocs/wordpress/wp-content/themes/FoundationPress/node_modules/gulp-sass/node_modules/node-sass/vendor/darwin-x64-46/binding.node

> fsevents@1.0.6 install /Applications/MAMP/htdocs/wordpress/wp-content/themes/FoundationPress/node_modules/browser-sync/node_modules/chokidar/node_modules/fsevents
> node-pre-gyp install --fallback-to-build

[fsevents] Success: "/Applications/MAMP/htdocs/wordpress/wp-content/themes/FoundationPress/node_modules/browser-sync/node_modules/chokidar/node_modules/fsevents/lib/binding/Release/node-v46-darwin-x64/fse.node" is installed via remote

> node-sass@3.4.2 postinstall /Applications/MAMP/htdocs/wordpress/wp-content/themes/FoundationPress/node_modules/gulp-sass/node_modules/node-sass
> node scripts/build.js

` /Applications/MAMP/htdocs/wordpress/wp-content/themes/FoundationPress/node_modules/gulp-sass/node_modules/node-sass/vendor/darwin-x64-46/binding.node ` exists. 
 testing binary.
Binary is fine; exiting.
npm WARN cannot run in wd foundationpress@2.3.0 bower install && gulp build (wd=/Applications/MAMP/htdocs/wordpress/wp-content/themes/FoundationPress)
colors@1.1.2 node_modules/colors

merge-stream@1.0.0 node_modules/merge-stream
└── readable-stream@2.0.5 (string_decoder@0.10.31, isarray@0.0.1, inherits@2.0.1, process-nextick-args@1.0.6, util-deprecate@1.0.2, core-util-is@1.0.2)

run-sequence@1.1.5 node_modules/run-sequence
└── chalk@1.1.1 (escape-string-regexp@1.0.4, supports-color@2.0.0, ansi-styles@2.1.0, has-ansi@2.0.0, strip-ansi@3.0.0)

gulp-concat@2.6.0 node_modules/gulp-concat
├── concat-with-sourcemaps@1.0.4 (source-map@0.5.3)
└── through2@0.6.5 (xtend@4.0.1, readable-stream@1.0.33)

gulp-plumber@1.0.1 node_modules/gulp-plumber
└── through2@0.6.5 (xtend@4.0.1, readable-stream@1.0.33)

gulp-phpcbf@0.1.2 node_modules/gulp-phpcbf
└── through2@0.6.5 (xtend@4.0.1, readable-stream@1.0.33)

gulp-zip@3.0.2 node_modules/gulp-zip
├── yazl@2.3.0 (buffer-crc32@0.2.5)
├── chalk@1.1.1 (escape-string-regexp@1.0.4, ansi-styles@2.1.0, supports-color@2.0.0, has-ansi@2.0.0, strip-ansi@3.0.0)
├── through2@0.6.5 (xtend@4.0.1, readable-stream@1.0.33)
└── concat-stream@1.5.1 (inherits@2.0.1, typedarray@0.0.6, readable-stream@2.0.5)

gulp-flatten@0.2.0 node_modules/gulp-flatten
└── through2@2.0.0 (xtend@4.0.1, readable-stream@2.0.5)

gulp-sourcemaps@1.6.0 node_modules/gulp-sourcemaps
├── graceful-fs@4.1.2
├── convert-source-map@1.1.3
├── strip-bom@2.0.0 (is-utf8@0.2.1)
├── vinyl@1.1.0 (clone-stats@0.0.1, replace-ext@0.0.1, clone@1.0.2)
└── through2@2.0.0 (xtend@4.0.1, readable-stream@2.0.5)

gulp-phpcs@1.0.0 node_modules/gulp-phpcs
├── pluralize@1.2.1
├── chalk@1.1.1 (escape-string-regexp@1.0.4, ansi-styles@2.1.0, supports-color@2.0.0, strip-ansi@3.0.0, has-ansi@2.0.0)
└── through2@2.0.0 (xtend@4.0.1, readable-stream@2.0.5)

yargs@3.31.0 node_modules/yargs
├── camelcase@2.0.1
├── window-size@0.1.4
├── y18n@3.2.0
├── decamelize@1.1.2 (escape-string-regexp@1.0.4)
├── string-width@1.0.1 (strip-ansi@3.0.0, code-point-at@1.0.0, is-fullwidth-code-point@1.0.0)
├── os-locale@1.4.0 (lcid@1.0.0)
└── cliui@3.1.0 (wrap-ansi@1.0.0, strip-ansi@3.0.0)

gulp-load-plugins@1.2.0 node_modules/gulp-load-plugins
├── multimatch@2.0.0 (array-differ@1.0.0, array-union@1.0.1, minimatch@2.0.10)
├── resolve@1.1.6
└── findup-sync@0.2.1 (glob@4.3.5)

gulp-util@3.0.7 node_modules/gulp-util
├── array-differ@1.0.0
├── array-uniq@1.0.2
├── fancy-log@1.1.0
├── lodash._reinterpolate@3.0.0
├── object-assign@3.0.0
├── lodash._reevaluate@3.0.0
├── beeper@1.1.0
├── lodash._reescape@3.0.0
├── replace-ext@0.0.1
├── minimist@1.2.0
├── has-gulplog@0.1.0 (sparkles@1.0.0)
├── vinyl@0.5.3 (clone-stats@0.0.1, clone@1.0.2)
├── chalk@1.1.1 (escape-string-regexp@1.0.4, ansi-styles@2.1.0, supports-color@2.0.0, strip-ansi@3.0.0, has-ansi@2.0.0)
├── gulplog@1.0.0 (glogg@1.0.0)
├── lodash.template@3.6.2 (lodash._basecopy@3.0.1, lodash._isiterateecall@3.0.9, lodash._basevalues@3.0.0, lodash.templatesettings@3.1.0, lodash._basetostring@3.0.1, lodash.escape@3.0.0, lodash.restparam@3.6.1, lodash.keys@3.1.2)
├── through2@2.0.0 (xtend@4.0.1, readable-stream@2.0.5)
└── multipipe@0.1.2 (duplexer2@0.0.2)

gulp-autoprefixer@3.1.0 node_modules/gulp-autoprefixer
├── vinyl-sourcemaps-apply@0.2.1 (source-map@0.5.3)
├── through2@2.0.0 (xtend@4.0.1, readable-stream@2.0.5)
└── postcss@5.0.14 (js-base64@2.1.9, supports-color@3.1.2, source-map@0.5.3)

dateformat@1.0.12 node_modules/dateformat
├── get-stdin@4.0.1
└── meow@3.7.0 (trim-newlines@1.0.0, map-obj@1.0.1, object-assign@4.0.1, decamelize@1.1.2, camelcase-keys@2.0.0, minimist@1.2.0, loud-rejection@1.2.0, redent@1.0.0, normalize-package-data@2.3.5, read-pkg-up@1.0.1)

gulp-minify-css@1.2.3 node_modules/gulp-minify-css
├── object-assign@4.0.1
├── readable-stream@2.0.5 (string_decoder@0.10.31, isarray@0.0.1, process-nextick-args@1.0.6, inherits@2.0.1, util-deprecate@1.0.2, core-util-is@1.0.2)
├── vinyl-sourcemaps-apply@0.2.1 (source-map@0.5.3)
├── vinyl-bufferstream@1.0.1 (bufferstreams@1.0.1)
└── clean-css@3.4.9 (commander@2.8.1, source-map@0.4.4)

gulp@3.9.0 node_modules/gulp
├── interpret@0.6.6
├── pretty-hrtime@1.0.1
├── deprecated@0.0.1
├── archy@1.0.0
├── minimist@1.2.0
├── tildify@1.1.2 (os-homedir@1.0.1)
├── semver@4.3.6
├── v8flags@2.0.11 (user-home@1.1.1)
├── chalk@1.1.1 (escape-string-regexp@1.0.4, supports-color@2.0.0, ansi-styles@2.1.0, strip-ansi@3.0.0, has-ansi@2.0.0)
├── orchestrator@0.3.7 (stream-consume@0.1.0, sequencify@0.0.7, end-of-stream@0.1.5)
├── liftoff@2.2.0 (extend@2.0.1, rechoir@0.6.2, flagged-respawn@0.3.1, findup-sync@0.3.0, resolve@1.1.6)
└── vinyl-fs@0.3.14 (graceful-fs@3.0.8, strip-bom@1.0.0, defaults@1.0.3, vinyl@0.4.6, through2@0.6.5, mkdirp@0.5.1, glob-stream@3.1.18, glob-watcher@0.0.6)

gulp-uglify@1.5.1 node_modules/gulp-uglify
├── uglify-save-license@0.4.1
├── deap@1.0.0
├── isobject@2.0.0 (isarray@0.0.1)
├── vinyl-sourcemaps-apply@0.2.1 (source-map@0.5.3)
├── fancy-log@1.1.0 (chalk@1.1.1)
├── through2@2.0.0 (xtend@4.0.1, readable-stream@2.0.5)
└── uglify-js@2.6.0 (async@0.2.10, uglify-to-browserify@1.0.2, source-map@0.5.3, yargs@3.10.0)

motion-ui@1.1.1 node_modules/motion-ui
└── jquery@2.2.0

gulp-notify@2.2.0 node_modules/gulp-notify
├── node.extend@1.1.5 (is@3.1.0)
├── lodash.template@3.6.2 (lodash.restparam@3.6.1, lodash._basetostring@3.0.1, lodash._basevalues@3.0.0, lodash._basecopy@3.0.1, lodash._reinterpolate@3.0.0, lodash._isiterateecall@3.0.9, lodash.escape@3.0.0, lodash.templatesettings@3.1.0, lodash.keys@3.1.2)
├── through2@0.6.5 (xtend@4.0.1, readable-stream@1.0.33)
└── node-notifier@4.4.0 (shellwords@0.1.0, growly@1.2.0, minimist@1.2.0, semver@4.3.6, which@1.2.1, lodash.clonedeep@3.0.2, cli-usage@0.1.2)

gulp-jshint@2.0.0 node_modules/gulp-jshint
├── minimatch@2.0.10 (brace-expansion@1.1.2)
├── through2@0.6.5 (xtend@4.0.1, readable-stream@1.0.33)
├── rcloader@0.1.2 (rcfinder@0.1.8, lodash@2.4.2)
└── lodash@3.10.1

jshint@2.8.0 node_modules/jshint
├── strip-json-comments@1.0.4
├── exit@0.1.2
├── console-browserify@1.1.0 (date-now@0.1.4)
├── shelljs@0.3.0
├── minimatch@2.0.10 (brace-expansion@1.1.2)
├── cli@0.6.6 (glob@3.2.11)
├── htmlparser2@3.8.3 (domelementtype@1.3.0, entities@1.0.0, domhandler@2.3.0, readable-stream@1.1.13, domutils@1.5.1)
└── lodash@3.7.0

autoprefixer@6.2.3 node_modules/autoprefixer
├── normalize-range@0.1.2
├── num2fraction@1.2.2
├── postcss-value-parser@3.2.3
├── browserslist@1.0.1
├── postcss@5.0.14 (js-base64@2.1.9, supports-color@3.1.2, source-map@0.5.3)
└── caniuse-db@1.0.30000385

gulp-uncss@1.0.4 node_modules/gulp-uncss
├── object-assign@4.0.1
└── uncss@0.12.1 (is-absolute-url@1.0.0, commander@2.6.0, is-html@1.0.0, bluebird@2.9.34, glob@4.4.2, request@2.53.0, css@1.6.0, lodash@3.3.1, phridge@1.0.8)

gulp-if@2.0.0 node_modules/gulp-if
├── through2@2.0.0 (xtend@4.0.1, readable-stream@2.0.5)
├── gulp-match@1.0.0 (minimatch@3.0.0)
└── ternary-stream@2.0.0 (fork-stream@0.0.4, duplexify@3.4.2)

bower@1.6.9 node_modules/bower

browser-sync@2.11.0 node_modules/browser-sync
├── ucfirst@1.0.0
├── async-each-series@0.1.1
├── longest@1.0.1
├── emitter-steward@1.0.0
├── easy-extender@2.3.2
├── dev-ip@1.0.1
├── immutable@3.7.6
├── ua-parser-js@0.7.10
├── opn@3.0.3 (object-assign@4.0.1)
├── query-string@2.4.2 (strict-uri-encode@1.1.0)
├── browser-sync-client@2.4.1 (fresh@0.3.0, etag@1.7.0)
├── portscanner@1.0.0 (async@0.1.15)
├── resp-modifier@5.0.2 (debug@2.2.0, minimatch@2.0.10)
├── serve-static@1.10.0 (escape-html@1.0.2, parseurl@1.3.0, send@0.13.0)
├── connect@3.4.0 (utils-merge@1.0.0, parseurl@1.3.0, debug@2.2.0, finalhandler@0.4.0)
├── meow@3.3.0 (object-assign@3.0.0, camelcase-keys@1.0.0, minimist@1.2.0, indent-string@1.2.2)
├── eazy-logger@2.1.2 (opt-merger@1.1.1, tfunk@3.0.1)
├── foxy@11.1.4 (http-proxy@1.12.0, lodash.merge@3.3.2, resp-modifier@4.0.4)
├── micromatch@2.3.5 (filename-regex@2.0.0, is-glob@2.0.1, normalize-path@2.0.1, is-extglob@1.0.0, array-unique@0.2.1, lazy-cache@0.2.7, expand-brackets@0.1.4, arr-diff@2.0.0, regex-cache@0.4.2, kind-of@3.0.2, extglob@0.3.1, object.omit@2.0.0, parse-glob@3.0.4, braces@1.8.3)
├── fs-extra@0.26.4 (path-is-absolute@1.0.0, klaw@1.1.3, jsonfile@2.2.3, graceful-fs@4.1.2, rimraf@2.5.0)
├── socket.io@1.4.4 (has-binary@0.1.7, debug@2.2.0, socket.io-parser@2.2.6, socket.io-adapter@0.4.0, engine.io@1.6.7, socket.io-client@1.4.4)
├── serve-index@1.7.2 (escape-html@1.0.2, parseurl@1.3.0, batch@0.5.2, http-errors@1.3.1, accepts@1.2.13, debug@2.2.0, mime-types@2.1.9)
├── bs-recipes@1.0.5
├── localtunnel@1.8.0 (openurl@1.1.0, debug@2.2.0, yargs@3.29.0, request@2.65.0)
├── lodash@3.10.1
├── browser-sync-ui@0.5.17 (async-each-series@1.1.0, connect-history-api-fallback@1.1.0, stream-throttle@0.1.3, weinre@2.0.0-pre-I0Z7U9OV)
└── chokidar@1.4.1 (path-is-absolute@1.0.0, inherits@2.0.1, async-each@0.1.6, glob-parent@2.0.0, is-glob@2.0.1, anymatch@1.3.0, is-binary-path@1.0.1, readdirp@2.0.0, fsevents@1.0.6)

gulp-sass@2.1.1 node_modules/gulp-sass
├── object-assign@4.0.1
├── vinyl-sourcemaps-apply@0.2.1 (source-map@0.5.3)
├── through2@2.0.0 (xtend@4.0.1, readable-stream@2.0.5)
└── node-sass@3.4.2 (get-stdin@4.0.1, async-foreach@0.1.3, chalk@1.1.1, nan@2.2.0, mkdirp@0.5.1, glob@5.0.15, npmconf@2.1.2, gaze@0.5.2, meow@3.7.0, request@2.67.0, node-gyp@3.2.1, sass-graph@2.0.1, cross-spawn@2.1.4)

[jkaliski]

I reinstalled Node and bower. It is working now. Thank you for this great theme.