search

sunmingtao / sample-code

3 stars 4 forks source link

css: media query expression must begin with '(' #118

Closed sunmingtao closed 4 years ago

sunmingtao commented 4 years ago

Run a css project with npm run compile:sass and get error

{
  "status": 1,
  "file": "/Users/mingtao/workspace/advanced-css-course/Natours/starter/sass/main.scss",
  "line": 3,
  "column": 1,
  "message": "media query expression must begin with '('",
  "formatted": "Error: media query expression must begin with '('\n        on line 3 of sass/main.scss\n>> $color-primary: #55c57a;\n\n   ^\n"
}

package.json

  "name": "natours",
  "version": "1.0.0",
  "description": "landing page for natours",
  "main": "index.js",
  "scripts": {
    "compile:sass": "node-sass sass/main.scss css/style.css"
  },
  "author": "smt",
  "license": "ISC",
  "devDependencies": {
    "node-sass": "^4.13.0"
  },
  "dependencies": {}
}

main.scss

@import "base/base"

$color-primary: #55c57a;
$color-primary-light: #7ed56f;
$color-primary-dark: #28b485;
$color-grey-dark: #777;
$color-white: #fff;
$color-black: #000;
...
sunmingtao commented 4 years ago

The import statement must have a semicolon at the end

Change to @import "base/base";