I have node.js and gulp.js installed, npm install works fine but then when I try to run the gulp local webserver it stops at 'sass' with the error messages below.
I have tried uninstalling node.js and gulp.js as well as wiping out the node_modules folder and running npm install again but no luck yet. Any suggestions?
[09:50:25] Starting 'generate-sass-index'...
[09:50:26] Finished 'generate-sass-index' after 68 ms
[09:50:26] Starting 'sass'...
[09:50:26] SOURCE CODE ERROR
[09:50:26] formatted Error: You may not #extend an outer selector from within #media.
You may only #extend selectors within the same directive.
From "#extend .col-md-6" on line 134 of LocalDistribution/sass/ItemDetails/_item-details.scss
on line 11 of LocalDistribution/sass/twitter-bootstrap-sass/mixins/_grid-framework.scss
>>
[09:50:26] message LocalDistribution\sass\twitter-bootstrap-sass\mixins\_grid-framework.scss
Error: You may not #extend an outer selector from within #media.
You may only #extend selectors within the same directive.
From "#extend .col-md-6" on line 134 of LocalDistribution/sass/ItemDetails/_item-details.scss
on line 11 of LocalDistribution/sass/twitter-bootstrap-sass/mixins/_grid-framework.scss
>>
[09:50:26] column 245
[09:50:26] line 11
[09:50:26] file C:/svn/montblanc/LocalDistribution/sass/twitter-bootstrap-sass/mixins/_grid-framework.scss
[09:50:26] status 1
[09:50:26] messageFormatted LocalDistribution\sass\twitter-bootstrap-sass\mixins\_grid-framework.scss
Error: You may not #extend an outer selector from within #media.
You may only #extend selectors within the same directive.
From "#extend .col-md-6" on line 134 of LocalDistribution/sass/ItemDetails/_item-details.scss
on line 11 of LocalDistribution/sass/twitter-bootstrap-sass/mixins/_grid-framework.scss
>>
[09:50:26] name Error
[09:50:26] stack Error: LocalDistribution\sass\twitter-bootstrap-sass\mixins\_grid-framework.scss
Error: You may not #extend an outer selector from within #media.
You may only #extend selectors within the same directive.
From "#extend .col-md-6" on line 134 of LocalDistribution/sass/ItemDetails/_item-details.scss
on line 11 of LocalDistribution/sass/twitter-bootstrap-sass/mixins/_grid-framework.scss
>>
at options.error (C:\svn\montblanc\node_modules\gulp-sass\node_modules\node-sass\lib\index.js:271:32)
[09:50:26] showStack false
[09:50:26] showProperties true
[09:50:26] plugin gulp-sass
[09:50:26] Finished 'sass' after 469 ms
[09:50:26] Starting 'font-awesome'...
[09:50:26] Starting 'clean-sass-tmp'...
[09:50:26] Finished 'clean-sass-tmp' after 20 µs
events.js:85
throw er; // Unhandled 'error' event
^
Error: Checksum error in glyf
Related
When I compile assets with command npm run prod, I'm receiving this message:
WARNING Compiled with 2 warnings
warning in ./resources/sass/app.scss
Module Warning (from ./node_modules/postcss-loader/src/index.js):
Warning
(1973:3) Error in parsing SVG: Non-whitespace before first tag. Line:
0 Column: 1 Char: d
# ./resources/sass/app.scss 2:14-253
warning in ./resources/sass/app.scss
Module Warning (from ./node_modules/postcss-loader/src/index.js):
Warning
(2084:3) Error in parsing SVG: Non-whitespace before first tag. Line:
0 Column: 1 Char: d
# ./resources/sass/app.scss 2:14-253
after this warning I get list of compiled files, and after that the warnings again. This time they seems to be more precise:
WARNING in ./resources/sass/app.scss
(./node_modules/css-loader??ref--5-2!./node_modules/postcss-loader/src??postcss0!./node_modules/resolve-url-loader??ref--5-4!./node_modules/sass-loader/dist/cjs.js??ref--5-5!./resources/sass/app.scss)
Module Warning (from ./node_modules/postcss-loader/src/index.js):
Warning
(1973:3) Error in parsing SVG: Non-whitespace before first tag. Line:
0 Column: 1 Char: d # ./resources/sass/app.scss 2:14-253
WARNING in ./resources/sass/app.scss
(./node_modules/css-loader??ref--5-2!./node_modules/postcss-loader/src??postcss0!./node_modules/resolve-url-loader??ref--5-4!./node_modules/sass-loader/dist/cjs.js??ref--5-5!./resources/sass/app.scss)
Module Warning (from ./node_modules/postcss-loader/src/index.js):
Warning
(2084:3) Error in parsing SVG: Non-whitespace before first tag. Line:
0 Column: 1 Char: d # ./resources/sass/app.scss 2:14-253
When I compile assets with "npm run dev" there is no warnings after process.
Anyone have idea what's causing this behavior ?
app.scss content:
#use 'sass:math';
#use 'sass:list';
#import "compile/bootstrap";
#import "compile/bootstrap_limitless";
#import "compile/layout";
#import "compile/components";
#import "compile/colors";
#import "datatables";
#import "forms";
#import "daterangepicker";
I finally found the solution. SVGO package from Cssnano was the problem.
To fix this just add to mix.options (in webpack.mix.js file) following lines:
mix.options({
cssNano: {
svgo: false
}
});
That's all.
Does anyone have a clue or any direction how to fix this error.
Running CentOS 6.7
[07:42 PM]-[vagrant#machine1]-[/var/www/laracast]
$ gulp
[19:42:52] Using gulpfile /var/www/laracast/gulpfile.js
[19:42:52] Starting 'default'...
[19:42:52] Starting 'sass'...
Fetching Sass Source Files...
- resources/assets/sass/app.scss
Saving To...
- public/css/app.css
[19:42:53] Finished 'default' after 733 ms
[19:42:53] gulp-notify: [Laravel Elixir] Sass Compiled!
[19:42:53] Finished 'sass' after 833 ms
[19:42:53] gulp-notify: [Error in notifier] Error in plugin 'gulp-notify'
Message:
(notify-send:24561): GLib-GObject-CRITICAL **: g_object_unref: assertion `G_IS_OBJECT (object)' failed
Disable gulp notify by export DISABLE_NOTIFIER=true
If you are running on a system that handles notifications poorly or you simply do not wish to use gulp-notify but your project does? You can disable gulp-notify by using enviroment variable DISABLE_NOTIFIER.
export DISABLE_NOTIFIER=true;
This will disable all methods; notify(), notify.onError and notify.withReporter.
See details here: disable-gulp-notify
Running Capistrano. Worked yesterday, not working today. Here's the main error. It's with Gulp... Ran gulp -v and both local and global are 3.9.0
INFO[17d08d58] Running /usr/bin/env gulp --production --no-color on localhost
cap aborted!
SSHKit::Command::Failed: gulp exit status: 256
gulp stdout: [10:25:28] Using gulpfile ...gulpfile.js
[10:25:28] Starting 'clean'...
[10:25:28] Finished 'clean' after 14 ms
[10:25:28] Starting 'default'...
[10:25:28] Starting 'wiredep'...
[10:25:28] Starting 'scssLint'...
[10:25:28] Finished 'scssLint' after 13 μs
[10:25:28] Starting 'jshint'...
[10:25:29] Starting 'browserify'...
[10:25:29] Starting 'fonts'...
[10:25:29] Starting 'images'...
[10:25:29] Finished 'default' after 1.08 s
[10:25:30] Finished 'wiredep' after 1.34 s
[10:25:30] Starting 'styles'...
gulp stderr: stream.js:94
throw er; // Unhandled stream error in pipe.
^
Error: invalid top-level expression
Any help would be greatly appreciated. I also ran capistrano-ssh-doctor and everything was working great.
FOUND IT! It was within the SASS code - there was an error and thus it did not compile properly.
I am trying to make my own template in Ext JS 5, I use desktop view.
I followed this guide http://docs.sencha.com/extjs/5.0/core_concepts/theming.html Everything is clear to me; I make a new template, default scss works very well, but when I try make a Button.scss file, something like this:
#include extjs-button-ui(
$ui: 'team-arrow',
$background-color: red
);
and try to build an application by 'sencha app build' I get this error:
[INF] executing compass using system installed ruby runtime
error UbiPlatformPBX-all.scss (Line 62 of ../../../../../ext/packages/ext-theme-base/sass/etc/functions.scss: Undefined operation: "5px-null gt 0".)
create UbiPlatformPBX-all.css
[ERR]
[ERR] BUILD FAILED
[ERR] com.sencha.exceptions.ExProcess: compass process exited with non-zero code : 1
[ERR] at co
[ERR] m.sencha.command.Sencha.dispatch(Sencha.java:72)
[ERR]
[ERR] Total time: 19 seconds
[ERR] The following error occurred while executing this line:
/usr/local/ubipbx/wc_patryk/ubiquity-platform/extjs/.sencha/app/build-impl.xml:284: The following error occurred while executing this line:
/usr/local/ubipbx/wc_patryk/ubiquity-platform/extjs/.sencha/app/sass-impl.xml:155: The following error occurred while executing this line:
/usr/local/ubipbx/wc_patryk/ubiquity-platform/extjs/.sencha/app/sass-impl.xml:176: com.sencha.exceptions.ExProcess: compass process exited with non-zero code : 1
I have no idea what the problem is, for example when I make a Panel.scss file and use this code:
#include extjs-panel-ui(
$ui: 'highlight-framed',
$ui-header-background-color: yellow,
$ui-border-color: yellow,
$ui-header-border-color: yellow,
$ui-body-border-color: yellow,
$ui-border-width: 5px,
$ui-border-radius: 5px
);
everything works ok.
When I run npm version it's throwing up some errors. Here's the entire npm-debug.log file:
0 info it worked if it ends with ok
1 verbose cli [ 'node', '/usr/local/bin/npm', 'version' ]
2 info using npm#2.1.17
3 info using node#v0.10.35
4 verbose node symlink /usr/local/bin/node
5 verbose config Skipping project config: /Users/realph/.npmrc. (matches userconfig)
6 error version Bad package.json data undefined
7 verbose type unexpected_token
8 verbose stack SyntaxError: Unexpected token u
8 verbose stack at Object.parse (native)
8 verbose stack at /usr/local/lib/node_modules/npm/lib/version.js:36:19
8 verbose stack at evalmachine.<anonymous>:208:20
8 verbose stack at OpenReq.Req.done (/usr/local/lib/node_modules/npm/node_modules/graceful-fs/graceful-fs.js:141:5)
8 verbose stack at OpenReq.done (/usr/local/lib/node_modules/npm/node_modules/graceful-fs/graceful-fs.js:61:22)
8 verbose stack at Object.oncomplete (evalmachine.<anonymous>:108:15)
9 verbose cwd /Users/realph
10 error Darwin 14.0.0
11 error argv "node" "/usr/local/bin/npm" "version"
12 error node v0.10.35
13 error npm v2.1.17
14 error Unexpected token u
15 error If you need help, you may report this error at:
15 error <http://github.com/npm/npm/issues>
16 verbose exit [ 1, true ]
Not sure if it's got anything to do with changing my shell to zsh.
Any help is appreciated. Thanks in advance!
There are two issues here.
One is that there's a bug in recent versions of npm where npm version will error if package.json is missing or contains invalid data. https://github.com/npm/npm/issues/7056 That should be fixed with npm#2.2.0 which will officially be latest sometime later today. You can upgrade by following the appropriate instructions here https://github.com/npm/npm/wiki/Troubleshooting#try-the-latest-stable-version-of-npm
The second problem is that your package.json file can't be parsed - please check out the error message above:
Bad package.json data undefined
7 verbose type unexpected_token
8 verbose stack SyntaxError: Unexpected token u
You should inspect your package.json file to see if it is valid JSON http://www.json.org/ (which is a strict subset of javascript, identifier names must be double-quoted, etc.). You can run it through a validator at http://jsonlint.com/