search

postcss / autoprefixer

Parse CSS and add vendor prefixes to rules by Can I Use
https://twitter.com/autoprefixer
MIT License
21.71k stars 1.26k forks source link

Cannot read property 'value' of undifined #593

Closed yashilanka closed 8 years ago

yashilanka commented 8 years ago

i got this error when i start gulp, i tried to reinstall all the packages, update node version but nothing seems to work..

node -v v5.3.0

npm -v 3.3.12

events.js:141 throw er; // Unhandled 'error' event ^ TypeError: Cannot read property 'value' of undefined at /Users/Yashi/Data/Code/HTMLCSS/HCM/node_modules/autoprefixer/lib/transition.js:109:57 at Array.filter (native) at Transition.remove (/Users/Yashi/Data/Code/HTMLCSS/HCM/node_modules/autoprefixer/lib/transition.js:106:23) at /Users/Yashi/Data/Code/HTMLCSS/HCM/node_modules/autoprefixer/lib/processor.js:153:39 at /Users/Yashi/Data/Code/HTMLCSS/HCM/node_modules/postcss/lib/container.js:88:34 at /Users/Yashi/Data/Code/HTMLCSS/HCM/node_modules/postcss/lib/container.js:73:26 at Rule.each (/Users/Yashi/Data/Code/HTMLCSS/HCM/node_modules/postcss/lib/container.js:60:22) at Rule.walk (/Users/Yashi/Data/Code/HTMLCSS/HCM/node_modules/postcss/lib/container.js:72:21) at /Users/Yashi/Data/Code/HTMLCSS/HCM/node_modules/postcss/lib/container.js:76:32 at Root.each (/Users/Yashi/Data/Code/HTMLCSS/HCM/node_modules/postcss/lib/container.js:60:22)

ai commented 8 years ago

@yashilanka do you use latest 6.2.1 version? Because we fixed this issue:

https://github.com/postcss/autoprefixer/commit/997b960e4ca5035c773ba3fa301888ccab0740de https://github.com/postcss/autoprefixer/commit/715a8279544f988c5614b11debfb1a55a9fba666

yashilanka commented 8 years ago

Yes i'm using latest 6.2.1

in my /usr/local/lib it says autoprefixer@6.2.1 and my gulp file i use

var COMPATIBILITY = ['> 5%', 'last 2 versions'];

.pipe($.if(isProduction, $.autoprefixer({
          browsers: COMPATIBILITY
        })))

when i build my project for production it shows me this error

events.js:141 throw er; // Unhandled 'error' event ^ TypeError: Cannot read property 'value' of undefined at /Users/Yashi/Data/Code/HTMLCSS/HCM/node_modules/autoprefixer/lib/transition.js:109:57 at Array.filter (native) at Transition.remove (/Users/Yashi/Data/Code/HTMLCSS/HCM/node_modules/autoprefixer/lib/transition.js:106:23)

i tried to remove global npm dependency and reinstall again.. but nothing seems to work.. can anyone please help me to figure this out..

Many thanks..

TrySound commented 8 years ago

@yashilanka Show your css code

yashilanka commented 8 years ago

It's bourbon mixin, i use it every time when i want transition thing

@include transition(all 200ms ease);

yashilanka commented 8 years ago

This is my css gulp task

gulp.task('css', function() {
    var minifycss = $.if(isProduction, $.minifyCss({
        keepSpecialComments: 0,
        compatibility: 'ie8, +units.rem',
        processImport: true,
        processImportFrom: ['local'],
        // root:true,
        rebase:false,
        inliner: {
            request: {
                  hostname: "localhost",   // I'm running a cntlm proxy which relays to the corp proxy
                  port: 3128,
                  path: "https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900",
                  headers: {
                    Host: "fonts.googleapis.com"
                  }
            }
        },
        removeDuplicates: true,
        restructure:true,
        removeDuplicateMediaQueries:true,

    }));

    return gulp.src(config.sassPath + '/app.scss')
        .pipe($.changed('./build/assets/css/'))
        .pipe($.sourcemaps.init())
        .pipe($.sass({
            includePaths: require('node-bourbon').with(
                    config.bowerDir + '/bootstrap-sass-official/assets/stylesheets/',
                    config.bowerDir + '/fontawesome/scss',
                    config.bowerDir + '/chartist/dist/scss',
                    config.bowerDir + '/selectize-scss/src'
                ),
                relative: true,
                // importer: compass
        }).on("error", $.notify.onError(function(error) {
                return "Error: " + error.message;
            })))
        .pipe($.preprocess({context: { isProduction:!!(argv.production), PATH : $.if(isProduction, '//netdna.bootstrapcdn.com/font-awesome/4.5.0/fonts' , '/assets/css/font') }}))
        .pipe(inlineimage()) 
        .pipe($.notify({
            title: 'CSS',
            subtitle: 'Success',
            message: 'App.css successfully compiled!',
            icon: path.join(__dirname, "src/assets/img/css-noti.png"),
        }))
        .pipe($.if(isProduction, $.autoprefixer({
          browsers: COMPATIBILITY
        })))
        .pipe(minifycss)
        .pipe($.if(!isProduction, $.sourcemaps.write()))
        .pipe($.if(isProduction, $.header(fs.readFileSync('src/bin/pack.txt', 'utf8'), { pkg : pkg } )))
        .pipe(gulp.dest('./build/assets/css/'))
        .pipe(browser.stream());

});
TrySound commented 8 years ago

@yashilanka Why do you use mixin with autoprefixer? You don't need to use mixins just write unprefixed props.

yashilanka commented 8 years ago

yes now i'm shifting to autoprefixer. but this project is bit old and big, and there are lots of files and styles use that mixin.. my colleague start to change that all to none prefixed format, but when he doing this, i need to move forward with current flow. thats why i need a help.

ai commented 8 years ago

I have a flight today. I will look, when will be at home.

yashilanka commented 8 years ago

Sure, thank you very much for that, and no hurry. take your time. i'll be waiting for the solution.. till then i'm commenting the autoprefixer and do my work.

ai commented 8 years ago

I fix that lines in Autoprefixer (sorry, but without good CSS input I can’t understand source of error, that mixin can be expand to any CSS depends on your bbuild process).

Please install 6.2.2 and check it.

yashilanka commented 8 years ago

i updated to 6.2.2 but still error persist. i got the same error again.. before i update to 6.2.1 it all work like charm.. but after i update the library all this start to happen.. i don't know why. :( 

events.js:141
      throw er; // Unhandled 'error' event
      ^
TypeError: Cannot read property 'value' of undefined
    at /Users/Yashi/Data/Code/HTMLCSS/HCM/node_modules/autoprefixer/lib/transition.js:109:57
    at Array.filter (native)
    at Transition.remove (/Users/Yashi/Data/Code/HTMLCSS/HCM/node_modules/autoprefixer/lib/transition.js:106:23)
    at /Users/Yashi/Data/Code/HTMLCSS/HCM/node_modules/autoprefixer/lib/processor.js:153:39
    at /Users/Yashi/Data/Code/HTMLCSS/HCM/node_modules/postcss/lib/container.js:88:34
    at /Users/Yashi/Data/Code/HTMLCSS/HCM/node_modules/postcss/lib/container.js:73:26
    at Rule.each (/Users/Yashi/Data/Code/HTMLCSS/HCM/node_modules/postcss/lib/container.js:60:22)
    at Rule.walk (/Users/Yashi/Data/Code/HTMLCSS/HCM/node_modules/postcss/lib/container.js:72:21)
    at /Users/Yashi/Data/Code/HTMLCSS/HCM/node_modules/postcss/lib/container.js:76:32
    at Root.each (/Users/Yashi/Data/Code/HTMLCSS/HCM/node_modules/postcss/lib/container.js:60:22)
ai commented 8 years ago

@yashilanka OK, let’s make proper invastigation before fixing this error.

  1. Please find CSS input line, that create error. Just remove half oof your CSS and check erorr. Than reduce next half… At the end you will have some very small input example.
  2. I need input CSS, not input SCSS. So when you will find minimum input SCSS, disable Autoprefixer and any other tools after Autoprefixer. Run build script. And you will have CSS, which went to Autoprefixer and broke it.

Feel free to ask any question during invastigation.

yashilanka commented 8 years ago

Hi thank you for the steps,and i follow it,

First i commented all the import files from main app.scss and i tried with this

.yashi_test_class{
    transition: background-color 0.5s ease;
}

i remove all the local and global npm_packages(folder) update node versions and update autoprefixer again with 6.2.2 on package.js and re install again but error still persist, nothing happen. and there is no any other styles while i'm testing this.. only above line. this is the error i got again.

events.js:141
      throw er; // Unhandled 'error' event
      ^
TypeError: Cannot read property 'value' of undefined
    at /Users/Yashi/Data/Code/HTMLCSS/HCM/node_modules/autoprefixer/lib/transition.js:20:20
    at Array.map (native)
    at Transition.add (/Users/Yashi/Data/Code/HTMLCSS/HCM/node_modules/autoprefixer/lib/transition.js:19:22)
    at /Users/Yashi/Data/Code/HTMLCSS/HCM/node_modules/autoprefixer/lib/processor.js:91:46
    at /Users/Yashi/Data/Code/HTMLCSS/HCM/node_modules/postcss/lib/container.js:88:34
    at /Users/Yashi/Data/Code/HTMLCSS/HCM/node_modules/postcss/lib/container.js:73:26
    at Rule.each (/Users/Yashi/Data/Code/HTMLCSS/HCM/node_modules/postcss/lib/container.js:60:22)
    at Rule.walk (/Users/Yashi/Data/Code/HTMLCSS/HCM/node_modules/postcss/lib/container.js:72:21)
    at /Users/Yashi/Data/Code/HTMLCSS/HCM/node_modules/postcss/lib/container.js:76:32
    at Root.each (/Users/Yashi/Data/Code/HTMLCSS/HCM/node_modules/postcss/lib/container.js:60:22)
yashilanka commented 8 years ago

i wonder if anyone find out this issue or happen.

ai commented 8 years ago

@yashilanka very strange, http://autoprefixer.github.io/ works fine with this example

ai commented 8 years ago

@yashilanka can you use gulp-postcss with autoprefixer, instead of gulp-postcss? It is only official way and maybe it will clear source of error.

ai commented 8 years ago

@yashilanka also, can you open node_modules/autoprefixer/lib/transition.js and insert console.log(param) before 1109 line. Like this:

      params = params.filter((function(_this) {
        return function(param) {
          var ref;
          console.log(param); // <<== THIS LINE SHOULD BE INSERTED
          return (ref = param[0]) != null ? ref.value : void 0;
        };
      })(this)).filter((function(_this) {

Then run build and show me output before a error.

yashilanka commented 8 years ago

Hi Sorry for the delay, and i follow your guide by adding above line to the 109 line on js file, and this is what i got

[ { type: 'word', sourceIndex: 0, value: 'opacity' },
  { type: 'space', sourceIndex: 7, value: ' ' },
  { type: 'word', sourceIndex: 8, value: '0.3s' },
  { type: 'space', sourceIndex: 12, value: ' ' },
  { type: 'word', sourceIndex: 13, value: '0.03s' },
  { type: 'space', sourceIndex: 18, value: ' ' },
  { type: 'word', sourceIndex: 19, value: 'ease' } ]
[ { type: 'word', sourceIndex: 0, value: 'all' },
  { type: 'space', sourceIndex: 3, value: ' ' },
  { type: 'word', sourceIndex: 4, value: '300ms' },
  { type: 'space', sourceIndex: 9, value: ' ' },
  { type: 'word', sourceIndex: 10, value: 'ease' } ]
[ { type: 'word', sourceIndex: 0, value: 'transform' },
  { type: 'space', sourceIndex: 9, value: ' ' },
  { type: 'word', sourceIndex: 10, value: '350ms' },
  { type: 'div',
    sourceIndex: 15,
    value: ',',
    before: '',
    after: ' ' } ]
[ { type: 'word', sourceIndex: 17, value: 'opacity' },
  { type: 'space', sourceIndex: 24, value: ' ' },
  { type: 'word', sourceIndex: 25, value: '350ms' } ]
[ { type: 'word', sourceIndex: 0, value: 'opacity' },
  { type: 'space', sourceIndex: 7, value: ' ' },
  { type: 'word', sourceIndex: 8, value: '175ms' } ]
[ { type: 'word', sourceIndex: 0, value: 'left' },
  { type: 'space', sourceIndex: 4, value: ' ' },
  { type: 'word', sourceIndex: 5, value: '0.3s' },
  { type: 'div', sourceIndex: 9, value: ',', before: '', after: ' ' } ]
[ { type: 'word', sourceIndex: 11, value: 'top' },
  { type: 'space', sourceIndex: 14, value: ' ' },
  { type: 'word', sourceIndex: 15, value: '0.3s' },
  { type: 'div',
    sourceIndex: 19,
    value: ',',
    before: '',
    after: ' ' } ]
[ { type: 'word', sourceIndex: 21, value: 'height' },
  { type: 'space', sourceIndex: 27, value: ' ' },
  { type: 'word', sourceIndex: 28, value: '0.3s' },
  { type: 'div',
    sourceIndex: 32,
    value: ',',
    before: '',
    after: ' ' } ]
[ { type: 'word', sourceIndex: 34, value: 'width' },
  { type: 'space', sourceIndex: 39, value: ' ' },
  { type: 'word', sourceIndex: 40, value: '0.3s' } ]
[ { type: 'word', sourceIndex: 0, value: 'left' },
  { type: 'space', sourceIndex: 4, value: ' ' },
  { type: 'word', sourceIndex: 5, value: '0s' },
  { type: 'div', sourceIndex: 7, value: ',', before: '', after: ' ' } ]
[ { type: 'word', sourceIndex: 9, value: 'top' },
  { type: 'space', sourceIndex: 12, value: ' ' },
  { type: 'word', sourceIndex: 13, value: '0s' },
  { type: 'div',
    sourceIndex: 15,
    value: ',',
    before: '',
    after: ' ' } ]
[ { type: 'word', sourceIndex: 17, value: 'height' },
  { type: 'space', sourceIndex: 23, value: ' ' },
  { type: 'word', sourceIndex: 24, value: '0s' },
  { type: 'div',
    sourceIndex: 26,
    value: ',',
    before: '',
    after: ' ' } ]
[ { type: 'word', sourceIndex: 28, value: 'width' },
  { type: 'space', sourceIndex: 33, value: ' ' },
  { type: 'word', sourceIndex: 34, value: '0s' } ]
events.js:141
      throw er; // Unhandled 'error' event
      ^
TypeError: Cannot read property 'value' of undefined
    at /Users/Yashi/Data/Code/HTMLCSS/HCM/node_modules/autoprefixer/lib/transition.js:20:20
    at Array.map (native)
    at Transition.add (/Users/Yashi/Data/Code/HTMLCSS/HCM/node_modules/autoprefixer/lib/transition.js:19:22)
    at /Users/Yashi/Data/Code/HTMLCSS/HCM/node_modules/autoprefixer/lib/processor.js:91:46
    at /Users/Yashi/Data/Code/HTMLCSS/HCM/node_modules/postcss/lib/container.js:88:34
    at /Users/Yashi/Data/Code/HTMLCSS/HCM/node_modules/postcss/lib/container.js:73:26
    at Rule.each (/Users/Yashi/Data/Code/HTMLCSS/HCM/node_modules/postcss/lib/container.js:60:22)
    at Rule.walk (/Users/Yashi/Data/Code/HTMLCSS/HCM/node_modules/postcss/lib/container.js:72:21)
    at /Users/Yashi/Data/Code/HTMLCSS/HCM/node_modules/postcss/lib/container.js:76:32
    at Root.each (/Users/Yashi/Data/Code/HTMLCSS/HCM/node_modules/postcss/lib/container.js:60:22)

but before i test this, i change all my bourbon mixin to none prefix version and run build command but nothing happen, all errors still persist.

i remove [ @include transition(all 300ms ease) => transition : all 300ms ease ] like so on.. but nothing happen. and i search if i made a typo or any other mistakes, but nothing i have done. it's all perfect, but i keep getting error..

ai commented 8 years ago

Please, do not change input CSS in this tests ;).

You got completly different error. Look line numbers in stacktrace. And I have no feedback right now.

Please return mixin and post output again.

Also please do not forget to mark output: https://guides.github.com/features/mastering-markdown/

ai commented 8 years ago

@TrySound here is good example, that postcss-value-parser whould have different AST. Right now we need to many checks and extra code to work with them.

yashilanka commented 8 years ago

Alright here is the outcome i got with sass version, i revert back to my original version. many thanks if you can figure this out..

[ { type: 'word', sourceIndex: 0, value: 'all' },
  { type: 'space', sourceIndex: 3, value: ' ' },
  { type: 'word', sourceIndex: 4, value: '0.2s' },
  { type: 'space', sourceIndex: 8, value: ' ' },
  { type: 'word', sourceIndex: 9, value: 'ease-in-out' } ]
[ { type: 'word', sourceIndex: 0, value: 'border-color' },
  { type: 'space', sourceIndex: 12, value: ' ' },
  { type: 'word', sourceIndex: 13, value: 'ease-in-out' },
  { type: 'space', sourceIndex: 24, value: ' ' },
  { type: 'word', sourceIndex: 25, value: '0.15s' },
  { type: 'div',
    sourceIndex: 30,
    value: ',',
    before: '',
    after: ' ' } ]
[ { type: 'word', sourceIndex: 32, value: 'box-shadow' },
  { type: 'space', sourceIndex: 42, value: ' ' },
  { type: 'word', sourceIndex: 43, value: 'ease-in-out' },
  { type: 'space', sourceIndex: 54, value: ' ' },
  { type: 'word', sourceIndex: 55, value: '0.15s' } ]
[ { type: 'word', sourceIndex: 0, value: 'opacity' },
  { type: 'space', sourceIndex: 7, value: ' ' },
  { type: 'word', sourceIndex: 8, value: '0.15s' },
  { type: 'space', sourceIndex: 13, value: ' ' },
  { type: 'word', sourceIndex: 14, value: 'linear' } ]
[ { type: 'word', sourceIndex: 0, value: 'height' },
  { type: 'div', sourceIndex: 6, value: ',', before: '', after: ' ' } ]
[ { type: 'word', sourceIndex: 8, value: 'visibility' } ]
[ { type: 'word', sourceIndex: 0, value: 'border' },
  { type: 'space', sourceIndex: 6, value: ' ' },
  { type: 'word', sourceIndex: 7, value: '0.2s' },
  { type: 'space', sourceIndex: 11, value: ' ' },
  { type: 'word', sourceIndex: 12, value: 'ease-in-out' } ]
[ { type: 'word', sourceIndex: 0, value: 'width' },
  { type: 'space', sourceIndex: 5, value: ' ' },
  { type: 'word', sourceIndex: 6, value: '0.6s' },
  { type: 'space', sourceIndex: 10, value: ' ' },
  { type: 'word', sourceIndex: 11, value: 'ease' } ]
[ { type: 'word', sourceIndex: 0, value: 'transform' },
  { type: 'space', sourceIndex: 9, value: ' ' },
  { type: 'word', sourceIndex: 10, value: '0.3s' },
  { type: 'space', sourceIndex: 14, value: ' ' },
  { type: 'word', sourceIndex: 15, value: 'ease-out' } ]
[ { type: 'word', sourceIndex: 0, value: '0.6s' },
  { type: 'space', sourceIndex: 4, value: ' ' },
  { type: 'word', sourceIndex: 5, value: 'ease-in-out' },
  { type: 'space', sourceIndex: 16, value: ' ' },
  { type: 'word', sourceIndex: 17, value: 'left' } ]
[ { type: 'word', sourceIndex: 0, value: 'transform' },
  { type: 'space', sourceIndex: 9, value: ' ' },
  { type: 'word', sourceIndex: 10, value: '0.6s' },
  { type: 'space', sourceIndex: 14, value: ' ' },
  { type: 'word', sourceIndex: 15, value: 'ease-in-out' } ]
[ { type: 'word', sourceIndex: 0, value: 'all' },
  { type: 'space', sourceIndex: 3, value: ' ' },
  { type: 'word', sourceIndex: 4, value: '500ms' },
  { type: 'space', sourceIndex: 9, value: ' ' },
  { type: 'word', sourceIndex: 10, value: 'ease' } ]
[ { type: 'word', sourceIndex: 0, value: 'all' },
  { type: 'space', sourceIndex: 3, value: ' ' },
  { type: 'word', sourceIndex: 4, value: '500ms' },
  { type: 'space', sourceIndex: 9, value: ' ' },
  { type: 'word', sourceIndex: 10, value: 'ease' } ]
[ { type: 'word', sourceIndex: 0, value: 'all' },
  { type: 'space', sourceIndex: 3, value: ' ' },
  { type: 'word', sourceIndex: 4, value: '500ms' },
  { type: 'space', sourceIndex: 9, value: ' ' },
  { type: 'word', sourceIndex: 10, value: 'ease' } ]
[ { type: 'word', sourceIndex: 0, value: 'all' },
  { type: 'space', sourceIndex: 3, value: ' ' },
  { type: 'word', sourceIndex: 4, value: '500ms' },
  { type: 'space', sourceIndex: 9, value: ' ' },
  { type: 'word', sourceIndex: 10, value: 'ease' } ]
[ { type: 'word', sourceIndex: 0, value: 'all' },
  { type: 'space', sourceIndex: 3, value: ' ' },
  { type: 'word', sourceIndex: 4, value: '500ms' },
  { type: 'space', sourceIndex: 9, value: ' ' },
  { type: 'word', sourceIndex: 10, value: 'ease' } ]
[ { type: 'word', sourceIndex: 0, value: 'all' },
  { type: 'space', sourceIndex: 3, value: ' ' },
  { type: 'word', sourceIndex: 4, value: '500ms' },
  { type: 'space', sourceIndex: 9, value: ' ' },
  { type: 'word', sourceIndex: 10, value: 'ease' } ]
[ { type: 'word', sourceIndex: 0, value: 'all' },
  { type: 'space', sourceIndex: 3, value: ' ' },
  { type: 'word', sourceIndex: 4, value: '500ms' },
  { type: 'space', sourceIndex: 9, value: ' ' },
  { type: 'word', sourceIndex: 10, value: 'ease' } ]
[ { type: 'word', sourceIndex: 0, value: 'all' },
  { type: 'space', sourceIndex: 3, value: ' ' },
  { type: 'word', sourceIndex: 4, value: '500ms' },
  { type: 'space', sourceIndex: 9, value: ' ' },
  { type: 'word', sourceIndex: 10, value: 'ease' } ]
[ { type: 'word', sourceIndex: 0, value: 'all' },
  { type: 'space', sourceIndex: 3, value: ' ' },
  { type: 'word', sourceIndex: 4, value: '500ms' },
  { type: 'space', sourceIndex: 9, value: ' ' },
  { type: 'word', sourceIndex: 10, value: 'ease' } ]
[ { type: 'word', sourceIndex: 0, value: 'all' },
  { type: 'space', sourceIndex: 3, value: ' ' },
  { type: 'word', sourceIndex: 4, value: '500ms' },
  { type: 'space', sourceIndex: 9, value: ' ' },
  { type: 'word', sourceIndex: 10, value: 'ease' } ]
[ { type: 'word', sourceIndex: 0, value: 'all' },
  { type: 'space', sourceIndex: 3, value: ' ' },
  { type: 'word', sourceIndex: 4, value: '500ms' },
  { type: 'space', sourceIndex: 9, value: ' ' },
  { type: 'word', sourceIndex: 10, value: 'ease' } ]
[ { type: 'word', sourceIndex: 0, value: 'color' },
  { type: 'space', sourceIndex: 5, value: ' ' },
  { type: 'word', sourceIndex: 6, value: '500ms' },
  { type: 'space', sourceIndex: 11, value: ' ' },
  { type: 'word', sourceIndex: 12, value: 'ease' } ]
[ { type: 'word', sourceIndex: 0, value: 'all' },
  { type: 'space', sourceIndex: 3, value: ' ' },
  { type: 'word', sourceIndex: 4, value: '500ms' },
  { type: 'space', sourceIndex: 9, value: ' ' },
  { type: 'word', sourceIndex: 10, value: 'ease' } ]
[ { type: 'word', sourceIndex: 0, value: 'all' },
  { type: 'space', sourceIndex: 3, value: ' ' },
  { type: 'word', sourceIndex: 4, value: '500ms' },
  { type: 'space', sourceIndex: 9, value: ' ' },
  { type: 'word', sourceIndex: 10, value: 'ease' } ]
[ { type: 'word', sourceIndex: 0, value: 'all' },
  { type: 'space', sourceIndex: 3, value: ' ' },
  { type: 'word', sourceIndex: 4, value: '500ms' },
  { type: 'space', sourceIndex: 9, value: ' ' },
  { type: 'word', sourceIndex: 10, value: 'ease' } ]
[ { type: 'word', sourceIndex: 0, value: 'background' },
  { type: 'space', sourceIndex: 10, value: ' ' },
  { type: 'word', sourceIndex: 11, value: '500ms' },
  { type: 'space', sourceIndex: 16, value: ' ' },
  { type: 'word', sourceIndex: 17, value: 'ease' } ]
[ { type: 'word', sourceIndex: 0, value: 'all' },
  { type: 'space', sourceIndex: 3, value: ' ' },
  { type: 'word', sourceIndex: 4, value: '500ms' },
  { type: 'space', sourceIndex: 9, value: ' ' },
  { type: 'word', sourceIndex: 10, value: 'ease' } ]
[ { type: 'word', sourceIndex: 0, value: 'all' },
  { type: 'space', sourceIndex: 3, value: ' ' },
  { type: 'word', sourceIndex: 4, value: '500ms' },
  { type: 'space', sourceIndex: 9, value: ' ' },
  { type: 'word', sourceIndex: 10, value: 'ease' } ]
[ { type: 'word', sourceIndex: 0, value: 'all' },
  { type: 'space', sourceIndex: 3, value: ' ' },
  { type: 'word', sourceIndex: 4, value: '300ms' },
  { type: 'space', sourceIndex: 9, value: ' ' },
  { type: 'word', sourceIndex: 10, value: 'ease' } ]
[ { type: 'word', sourceIndex: 0, value: 'all' },
  { type: 'space', sourceIndex: 3, value: ' ' },
  { type: 'word', sourceIndex: 4, value: '300ms' },
  { type: 'space', sourceIndex: 9, value: ' ' },
  { type: 'word', sourceIndex: 10, value: 'ease' } ]
[ { type: 'word', sourceIndex: 0, value: 'all' },
  { type: 'space', sourceIndex: 3, value: ' ' },
  { type: 'word', sourceIndex: 4, value: '300ms' },
  { type: 'space', sourceIndex: 9, value: ' ' },
  { type: 'word', sourceIndex: 10, value: 'ease' } ]
[ { type: 'word', sourceIndex: 0, value: 'all' },
  { type: 'space', sourceIndex: 3, value: ' ' },
  { type: 'word', sourceIndex: 4, value: '300ms' },
  { type: 'space', sourceIndex: 9, value: ' ' },
  { type: 'word', sourceIndex: 10, value: 'ease' } ]
[ { type: 'word', sourceIndex: 0, value: 'all' },
  { type: 'space', sourceIndex: 3, value: ' ' },
  { type: 'word', sourceIndex: 4, value: '300ms' },
  { type: 'space', sourceIndex: 9, value: ' ' },
  { type: 'word', sourceIndex: 10, value: 'ease' } ]
[ { type: 'word', sourceIndex: 0, value: 'all' },
  { type: 'space', sourceIndex: 3, value: ' ' },
  { type: 'word', sourceIndex: 4, value: '300ms' },
  { type: 'space', sourceIndex: 9, value: ' ' },
  { type: 'word', sourceIndex: 10, value: 'ease' } ]
[ { type: 'word', sourceIndex: 0, value: 'all' },
  { type: 'space', sourceIndex: 3, value: ' ' },
  { type: 'word', sourceIndex: 4, value: '300ms' },
  { type: 'space', sourceIndex: 9, value: ' ' },
  { type: 'word', sourceIndex: 10, value: 'ease' } ]
[ { type: 'word', sourceIndex: 0, value: 'all' },
  { type: 'space', sourceIndex: 3, value: ' ' },
  { type: 'word', sourceIndex: 4, value: '300ms' },
  { type: 'space', sourceIndex: 9, value: ' ' },
  { type: 'word', sourceIndex: 10, value: 'ease' } ]
[ { type: 'word', sourceIndex: 0, value: 'all' },
  { type: 'space', sourceIndex: 3, value: ' ' },
  { type: 'word', sourceIndex: 4, value: '300ms' },
  { type: 'space', sourceIndex: 9, value: ' ' },
  { type: 'word', sourceIndex: 10, value: 'ease' } ]
[]
[]
[ { type: 'word', sourceIndex: 0, value: 'all' },
  { type: 'space', sourceIndex: 3, value: ' ' },
  { type: 'word', sourceIndex: 4, value: '300ms' },
  { type: 'space', sourceIndex: 9, value: ' ' },
  { type: 'word', sourceIndex: 10, value: 'ease' } ]
[ { type: 'word', sourceIndex: 0, value: 'all' },
  { type: 'space', sourceIndex: 3, value: ' ' },
  { type: 'word', sourceIndex: 4, value: '300ms' },
  { type: 'space', sourceIndex: 9, value: ' ' },
  { type: 'word', sourceIndex: 10, value: 'ease' } ]
[ { type: 'word', sourceIndex: 0, value: 'all' },
  { type: 'space', sourceIndex: 3, value: ' ' },
  { type: 'word', sourceIndex: 4, value: '300ms' },
  { type: 'space', sourceIndex: 9, value: ' ' },
  { type: 'word', sourceIndex: 10, value: 'ease' } ]
[ { type: 'word', sourceIndex: 0, value: 'all' },
  { type: 'space', sourceIndex: 3, value: ' ' },
  { type: 'word', sourceIndex: 4, value: '300ms' },
  { type: 'space', sourceIndex: 9, value: ' ' },
  { type: 'word', sourceIndex: 10, value: 'ease' } ]
[ { type: 'word', sourceIndex: 0, value: 'all' },
  { type: 'space', sourceIndex: 3, value: ' ' },
  { type: 'word', sourceIndex: 4, value: '300ms' },
  { type: 'space', sourceIndex: 9, value: ' ' },
  { type: 'word', sourceIndex: 10, value: 'ease' } ]
[ { type: 'word', sourceIndex: 0, value: 'all' },
  { type: 'space', sourceIndex: 3, value: ' ' },
  { type: 'word', sourceIndex: 4, value: '300ms' },
  { type: 'space', sourceIndex: 9, value: ' ' },
  { type: 'word', sourceIndex: 10, value: 'ease' } ]
[ { type: 'word', sourceIndex: 0, value: 'all' },
  { type: 'space', sourceIndex: 3, value: ' ' },
  { type: 'word', sourceIndex: 4, value: '300ms' },
  { type: 'space', sourceIndex: 9, value: ' ' },
  { type: 'word', sourceIndex: 10, value: 'ease' } ]
[ { type: 'word', sourceIndex: 0, value: 'all' },
  { type: 'space', sourceIndex: 3, value: ' ' },
  { type: 'word', sourceIndex: 4, value: '300ms' },
  { type: 'space', sourceIndex: 9, value: ' ' },
  { type: 'word', sourceIndex: 10, value: 'ease' } ]
[ { type: 'word', sourceIndex: 0, value: 'all' },
  { type: 'space', sourceIndex: 3, value: ' ' },
  { type: 'word', sourceIndex: 4, value: '300ms' },
  { type: 'space', sourceIndex: 9, value: ' ' },
  { type: 'word', sourceIndex: 10, value: 'ease' } ]
[ { type: 'word', sourceIndex: 0, value: 'all' },
  { type: 'space', sourceIndex: 3, value: ' ' },
  { type: 'word', sourceIndex: 4, value: '300ms' },
  { type: 'space', sourceIndex: 9, value: ' ' },
  { type: 'word', sourceIndex: 10, value: 'ease' } ]
[ { type: 'word', sourceIndex: 0, value: 'all' },
  { type: 'space', sourceIndex: 3, value: ' ' },
  { type: 'word', sourceIndex: 4, value: '300ms' },
  { type: 'space', sourceIndex: 9, value: ' ' },
  { type: 'word', sourceIndex: 10, value: 'ease' } ]
[ { type: 'word', sourceIndex: 0, value: 'all' },
  { type: 'space', sourceIndex: 3, value: ' ' },
  { type: 'word', sourceIndex: 4, value: '300ms' },
  { type: 'space', sourceIndex: 9, value: ' ' },
  { type: 'word', sourceIndex: 10, value: 'ease' } ]
[ { type: 'word', sourceIndex: 0, value: 'all' },
  { type: 'space', sourceIndex: 3, value: ' ' },
  { type: 'word', sourceIndex: 4, value: '300ms' },
  { type: 'space', sourceIndex: 9, value: ' ' },
  { type: 'word', sourceIndex: 10, value: 'ease' } ]
[ { type: 'word', sourceIndex: 0, value: 'all' },
  { type: 'space', sourceIndex: 3, value: ' ' },
  { type: 'word', sourceIndex: 4, value: '300ms' },
  { type: 'space', sourceIndex: 9, value: ' ' },
  { type: 'word', sourceIndex: 10, value: 'ease' } ]
[ { type: 'word', sourceIndex: 0, value: 'all' },
  { type: 'space', sourceIndex: 3, value: ' ' },
  { type: 'word', sourceIndex: 4, value: '300ms' },
  { type: 'space', sourceIndex: 9, value: ' ' },
  { type: 'word', sourceIndex: 10, value: 'ease' } ]
[ { type: 'word', sourceIndex: 0, value: 'all' },
  { type: 'space', sourceIndex: 3, value: ' ' },
  { type: 'word', sourceIndex: 4, value: '300ms' },
  { type: 'space', sourceIndex: 9, value: ' ' },
  { type: 'word', sourceIndex: 10, value: 'ease' } ]
[ { type: 'word', sourceIndex: 0, value: 'all' },
  { type: 'space', sourceIndex: 3, value: ' ' },
  { type: 'word', sourceIndex: 4, value: '300ms' },
  { type: 'space', sourceIndex: 9, value: ' ' },
  { type: 'word', sourceIndex: 10, value: 'ease' } ]
[ { type: 'word', sourceIndex: 0, value: 'all' },
  { type: 'space', sourceIndex: 3, value: ' ' },
  { type: 'word', sourceIndex: 4, value: '300ms' },
  { type: 'space', sourceIndex: 9, value: ' ' },
  { type: 'word', sourceIndex: 10, value: 'ease' } ]
[ { type: 'word', sourceIndex: 0, value: 'all' },
  { type: 'space', sourceIndex: 3, value: ' ' },
  { type: 'word', sourceIndex: 4, value: '300ms' },
  { type: 'space', sourceIndex: 9, value: ' ' },
  { type: 'word', sourceIndex: 10, value: 'ease' } ]
[ { type: 'word', sourceIndex: 0, value: 'all' },
  { type: 'space', sourceIndex: 3, value: ' ' },
  { type: 'word', sourceIndex: 4, value: '300ms' },
  { type: 'space', sourceIndex: 9, value: ' ' },
  { type: 'word', sourceIndex: 10, value: 'ease' } ]
[ { type: 'word', sourceIndex: 0, value: 'all' },
  { type: 'space', sourceIndex: 3, value: ' ' },
  { type: 'word', sourceIndex: 4, value: '300ms' },
  { type: 'space', sourceIndex: 9, value: ' ' },
  { type: 'word', sourceIndex: 10, value: 'ease' } ]
[ { type: 'word', sourceIndex: 0, value: 'all' },
  { type: 'space', sourceIndex: 3, value: ' ' },
  { type: 'word', sourceIndex: 4, value: '300ms' },
  { type: 'space', sourceIndex: 9, value: ' ' },
  { type: 'word', sourceIndex: 10, value: 'ease' } ]
[ { type: 'word', sourceIndex: 0, value: 'all' },
  { type: 'space', sourceIndex: 3, value: ' ' },
  { type: 'word', sourceIndex: 4, value: '300ms' },
  { type: 'space', sourceIndex: 9, value: ' ' },
  { type: 'word', sourceIndex: 10, value: 'ease' } ]
[ { type: 'word', sourceIndex: 0, value: 'all' },
  { type: 'space', sourceIndex: 3, value: ' ' },
  { type: 'word', sourceIndex: 4, value: '300ms' },
  { type: 'space', sourceIndex: 9, value: ' ' },
  { type: 'word', sourceIndex: 10, value: 'ease' } ]
[ { type: 'word', sourceIndex: 0, value: 'all' },
  { type: 'space', sourceIndex: 3, value: ' ' },
  { type: 'word', sourceIndex: 4, value: '300ms' },
  { type: 'space', sourceIndex: 9, value: ' ' },
  { type: 'word', sourceIndex: 10, value: 'ease' } ]
[ { type: 'word', sourceIndex: 0, value: 'all' },
  { type: 'space', sourceIndex: 3, value: ' ' },
  { type: 'word', sourceIndex: 4, value: '300ms' },
  { type: 'space', sourceIndex: 9, value: ' ' },
  { type: 'word', sourceIndex: 10, value: 'ease' } ]
[ { type: 'word', sourceIndex: 0, value: 'all' },
  { type: 'space', sourceIndex: 3, value: ' ' },
  { type: 'word', sourceIndex: 4, value: '300ms' },
  { type: 'space', sourceIndex: 9, value: ' ' },
  { type: 'word', sourceIndex: 10, value: 'ease' } ]
[ { type: 'word', sourceIndex: 0, value: 'all' },
  { type: 'space', sourceIndex: 3, value: ' ' },
  { type: 'word', sourceIndex: 4, value: '300ms' },
  { type: 'space', sourceIndex: 9, value: ' ' },
  { type: 'word', sourceIndex: 10, value: 'ease' } ]
[ { type: 'word', sourceIndex: 0, value: 'all' },
  { type: 'space', sourceIndex: 3, value: ' ' },
  { type: 'word', sourceIndex: 4, value: '300ms' },
  { type: 'space', sourceIndex: 9, value: ' ' },
  { type: 'word', sourceIndex: 10, value: 'ease' } ]
[]

events.js:141
      throw er; // Unhandled 'error' event
      ^
TypeError: Cannot read property 'value' of undefined
    at /Users/Yashi/Data/Code/HTMLCSS/HCM/node_modules/autoprefixer/lib/transition.js:20:20
    at Array.map (native)
    at Transition.add (/Users/Yashi/Data/Code/HTMLCSS/HCM/node_modules/autoprefixer/lib/transition.js:19:22)
    at /Users/Yashi/Data/Code/HTMLCSS/HCM/node_modules/autoprefixer/lib/processor.js:91:46
    at /Users/Yashi/Data/Code/HTMLCSS/HCM/node_modules/postcss/lib/container.js:88:34
    at /Users/Yashi/Data/Code/HTMLCSS/HCM/node_modules/postcss/lib/container.js:73:26
    at Rule.each (/Users/Yashi/Data/Code/HTMLCSS/HCM/node_modules/postcss/lib/container.js:60:22)
    at Rule.walk (/Users/Yashi/Data/Code/HTMLCSS/HCM/node_modules/postcss/lib/container.js:72:21)
    at /Users/Yashi/Data/Code/HTMLCSS/HCM/node_modules/postcss/lib/container.js:76:32
    at Root.each (/Users/Yashi/Data/Code/HTMLCSS/HCM/node_modules/postcss/lib/container.js:60:22)
ai commented 8 years ago

Yeap, seems like 6.2.2 fixed old issue in line 109, but now we have isssue in 20. But according this output problem can be bacause of strange [] tokens. I try to fix it today.

I hope we fix it soon.

yashilanka commented 8 years ago

thanks, thank you very much for your effort.. i'll wait for the next update..

ai commented 8 years ago

console.log(params) really helped. I found issue. Bourbon generated broken CSS with double comma in transition ,,.

ai commented 8 years ago

Fixed 4b3c24af2f1108f686b0abe2c1a7859665670882

Wait for a release

ai commented 8 years ago

Released in 6.2.3.

yashilanka commented 8 years ago

problem solved... thanks for the great support... thank you very much.