search

shelldandy / manila-mixins

A bunch of really cool Sass Mixins
https://shelldandy.github.io/manila-mixins/
MIT License
15 stars 0 forks source link

SASS Error when compiling #1

Closed peterberwind closed 7 years ago

peterberwind commented 7 years ago

Everything was going dandy, till a couple days ago our gulp task started throwing errors. 

```Message:
    src/assets/styles/1-abstracts/_mixins.scss
Error: File to import not found or unreadable: manila.
       Parent style sheet: /Users/peterberwind/code/_clients/pop-and-suki-new-markup/src/assets/styles/1-abstracts/_mixins.scss
        on line 5 of src/assets/styles/1-abstracts/_mixins.scss
>> @import "manila";
   ^```

Tried rebuilding, updating, changing versions, etc - nothing had any effect.

I see there was some big updated here the other day. Any idea how to fix our situation.

Here is package.json

{
  "name": "pixel2html-0002860-0004469",
  "description": "pixel2html 0002860/0004469",
  "license": "MIT",
  "repository": "http://www.pixel2html.com",
  "version": "1.0.0",
  "scripts": {
    "start": "gulp",
    "code": "NODE_ENV=production gulp",
    "build": "NODE_ENV=production gulp build --prod",
    "preforceupload": "npm run build",
    "forceupload": "gulp theme:upload",
    "makeJS": "NODE_ENV=production gulp scripts"
  },
  "dependencies": {
    "babel-plugin-transform-object-rest-spread": "^6.23.0",
    "babel-polyfill": "^6.23.0",
    "babel-preset-env": "^1.4.0",
    "babelify": "^7.3.0",
    "browser-sync": "^2.18.13",
    "browserify": "^14.3.0",
    "browserify-global-shim": "^1.0.3",
    "circletype.js": "^1.1.2",
    "del": "^2.2.2",
    "emoji-regex": "^6.4.2",
    "gulp": "github:gulpjs/gulp#4.0",
    "gulp-autoprefixer": "^3.1.1",
    "gulp-changed": "^3.1.0",
    "gulp-changed-in-place": "^2.2.0",
    "gulp-concat": "^2.6.0",
    "gulp-csscomb": "^3.0.8",
    "gulp-cssnano": "^2.1.2",
    "gulp-group-css-media-queries": "^1.2.0",
    "gulp-if": "^2.0.2",
    "gulp-load-plugins": "^1.5.0",
    "gulp-pug": "^3.1.0",
    "gulp-purifycss": "^0.2.0",
    "gulp-rename": "^1.2.2",
    "gulp-replace": "^0.5.4",
    "gulp-sass": "^3.1.0",
    "gulp-shopify-theme": "^1.0.14",
    "gulp-sourcemaps": "^2.6.0",
    "gulp-svgmin": "^1.2.3",
    "gulp-svgstore": "^6.1.0",
    "gulp-uglify": "^2.1.2",
    "gulp-util": "^3.0.7",
    "gulp-zip": "^4.0.0",
    "jquery": "^3.2.1",
    "jquery.panzoom": "^3.2.2",
    "js-yaml": "^3.8.3",
    "lettering.js": "^0.8.2",
    "manila-mixins": "^2.4.0",
    "modularscale-sass": "^3.0.2",
    "redux": "^3.6.0",
    "require-dir": "^0.3.0",
    "rivets": "^0.9.6",
    "slick-carousel": "^1.6.0",
    "standard": "^10.0.2",
    "sticky-js": "^1.2.0",
    "vinyl-buffer": "^1.0.0",
    "vinyl-source-stream": "^1.1.0",
    "yargs": "^8.0.1"
  },
  "standard": {
    "globals": [
      "jQuery",
      "$",
      "WebFont",
      "Vue"
    ]
  },
  "devDependencies": {}
}
shelldandy commented 7 years ago

Hi Peter there were some breaking changes now the root scss file is called index.scss right on the root of the package

On Thu, Jul 20, 2017, 6:57 PM Peterberwind notifications@github.com wrote:

Everything was going dandy, till a couple days ago our gulp task started throwing errors.


    src/assets/styles/1-abstracts/_mixins.scss
Error: File to import not found or unreadable: manila.
       Parent style sheet: /Users/peterberwind/code/_clients/pop-and-suki-new-markup/src/assets/styles/1-abstracts/_mixins.scss
        on line 5 of src/assets/styles/1-abstracts/_mixins.scss
>> @import "manila";
   ^```

Tried rebuilding, updating, changing versions, etc - nothing had any
effect.

I see there was some big updated here the other day. Any idea how to fix
our situation.

Here is package.json

{
  "name": "pixel2html-0002860-0004469",
  "description": "pixel2html 0002860/0004469",
  "license": "MIT",
  "repository": "http://www.pixel2html.com",
  "version": "1.0.0",
  "scripts": {
    "start": "gulp",
    "code": "NODE_ENV=production gulp",
    "build": "NODE_ENV=production gulp build --prod",
    "preforceupload": "npm run build",
    "forceupload": "gulp theme:upload",
    "makeJS": "NODE_ENV=production gulp scripts"
  },
  "dependencies": {
    "babel-plugin-transform-object-rest-spread": "^6.23.0",
    "babel-polyfill": "^6.23.0",
    "babel-preset-env": "^1.4.0",
    "babelify": "^7.3.0",
    "browser-sync": "^2.18.13",
    "browserify": "^14.3.0",
    "browserify-global-shim": "^1.0.3",
    "circletype.js": "^1.1.2",
    "del": "^2.2.2",
    "emoji-regex": "^6.4.2",
    "gulp": "github:gulpjs/gulp#4.0",
    "gulp-autoprefixer": "^3.1.1",
    "gulp-changed": "^3.1.0",
    "gulp-changed-in-place": "^2.2.0",
    "gulp-concat": "^2.6.0",
    "gulp-csscomb": "^3.0.8",
    "gulp-cssnano": "^2.1.2",
    "gulp-group-css-media-queries": "^1.2.0",
    "gulp-if": "^2.0.2",
    "gulp-load-plugins": "^1.5.0",
    "gulp-pug": "^3.1.0",
    "gulp-purifycss": "^0.2.0",
    "gulp-rename": "^1.2.2",
    "gulp-replace": "^0.5.4",
    "gulp-sass": "^3.1.0",
    "gulp-shopify-theme": "^1.0.14",
    "gulp-sourcemaps": "^2.6.0",
    "gulp-svgmin": "^1.2.3",
    "gulp-svgstore": "^6.1.0",
    "gulp-uglify": "^2.1.2",
    "gulp-util": "^3.0.7",
    "gulp-zip": "^4.0.0",
    "jquery": "^3.2.1",
    "jquery.panzoom": "^3.2.2",
    "js-yaml": "^3.8.3",
    "lettering.js": "^0.8.2",
    "manila-mixins": "^2.4.0",
    "modularscale-sass": "^3.0.2",
    "redux": "^3.6.0",
    "require-dir": "^0.3.0",
    "rivets": "^0.9.6",
    "slick-carousel": "^1.6.0",
    "standard": "^10.0.2",
    "sticky-js": "^1.2.0",
    "vinyl-buffer": "^1.0.0",
    "vinyl-source-stream": "^1.1.0",
    "yargs": "^8.0.1"
  },
  "standard": {
    "globals": [
      "jQuery",
      "$",
      "WebFont",
      "Vue"
    ]
  },
  "devDependencies": {}
}

—
You are receiving this because you are subscribed to this thread.
Reply to this email directly, view it on GitHub
<https://github.com/mike3run/manila-mixins/issues/1>, or mute the thread
<https://github.com/notifications/unsubscribe-auth/AGwpf3gBb_qRZJoxpKc-aRqtvyzYyO64ks5sP-lkgaJpZM4OezkO>
.
shelldandy commented 7 years ago

Fix the path inside gulp/config.js/scssDirectories to point to the root of the sass File

Or give this a try

https://www.npmjs.com/package/sass-module-importer

Or just install the previous version before the breaking changes 😄

shelldandy commented 7 years ago

Change this line of your package.json

"manila-mixins": "^2.4.0",

to

"manila-mixins": "2.4.0",