Media query expression must begin with '('

[catamphetamine]

@media all and (min-width: 901pt)                          { @import "l-xl.scss" }
@media all and (min-width: 601pt)  and (max-width: 900pt)  { @import "m-l.scss"  }
@media all and (min-width: 241pt)  and (max-width: 900pt)  { @import "s-m.scss"  }
@media all                         and (max-width: 900pt)  { @import "xs-m.scss" }
@media all                         and (max-width: 600pt)  { @import "xs-s.scss" }

@media all and (min-width: 1601pt)                         { @import "xl.scss" }
@media all and (min-width: 901pt)  and (max-width: 1600pt) { @import "l.scss"  }
@media all and (min-width: 601pt)  and (max-width: 900pt)  { @import "m.scss"  }
@media all and (min-width: 241pt)  and (max-width: 600pt)  { @import "s.scss"  }
@media all                         and (max-width: 240pt)  { @import "xs.scss" }

The error:

/~/css-loader?importLoaders=2&sourceMap!./~/autoprefixer-loader?browsers=last 2 version!./~/sass-loader?outputStyle=exp
nded&sourceMap=true&sourceMapContents=true!./assets/styles/style.scss
odule build failed:
media all and (min-width: 901pt)                          { @import "l-xl.scss" }
                                                                              ^
     Media query expression must begin with '('
     in G:\work\3\webapp\assets\styles\style.scss (line 363, column 81)
rror:
media all and (min-width: 901pt)                          { @import "l-xl.scss" }
                                                                              ^
     Media query expression must begin with '('
     in G:\work\3\webapp\assets\styles\style.scss (line 363, column 81)
   at options.error (G:\work\3\webapp\node_modules\node-sass\lib\index.js:277:32)
@ ./assets/styles/style.scss 4:14-281 13:2-17:4 14:20-287

[catamphetamine]

The error goes away when I put semicolons inside:

@media all and (min-width: 901pt)                          { @import "l-xl.scss"; }
@media all and (min-width: 601pt)  and (max-width: 900pt)  { @import "m-l.scss";  }
@media all and (min-width: 241pt)  and (max-width: 900pt)  { @import "s-m.scss";  }
@media all                         and (max-width: 900pt)  { @import "xs-m.scss"; }
@media all                         and (max-width: 600pt)  { @import "xs-s.scss"; }

@media all and (min-width: 1601pt)                         { @import "xl.scss"; }
@media all and (min-width: 901pt)  and (max-width: 1600pt) { @import "l.scss";  }
@media all and (min-width: 601pt)  and (max-width: 900pt)  { @import "m.scss";  }
@media all and (min-width: 241pt)  and (max-width: 600pt)  { @import "s.scss";  }
@media all                         and (max-width: 240pt)  { @import "xs.scss"; }

[xzyfer]

Thanks for the report @halt-hammerzeit. I can confirm this is an issue in 3.3.2.

[xzyfer]

Spec added sass/sass-spec#634

[catamphetamine]

I guess this issue can be closed for now since your tests pass.

[googol7]

also happens if you forget to add a semicolon ; after an @import "xyz";

[xzyfer]

@googol7 I have confirmed this issue and opened #2233 to track it. In future please create a new issue rather than commenting on old issues.

[telamon]

also happens if you forget to add a semicolon ; after an @import "xyz";

Man that just wasted some of my time, could we get some better error reporting on this one?