'SassError: media query expression must begin with '('

I had this problem even I didn't manage to sleep, guys

my codes are like these

<style lang="scss" scoped>
    @import '~/assets/scss/main.scss'
    .home_nav{
        nav {

        }
    }
</style>

the error is

enter image description here

please, someone, to help me

cssreactjsvue.jssveltesass-loader


Solution 1:[1]

It's a missing semicolon(;) ?

i found the problem was typo error i was missing ; on @import '~/assets/scss/main.scss'

Note: even if this error occurred in vue.js the solution does not apply only in Vue but anywhere you use node-sass and sass-loader ( now called sass)

then it had to be like this

<style lang="scss" scoped>
    @import '~/assets/scss/main.scss';
    .home_nav{
        nav {

        }
    }
</style>

Solution 2:[2]

I had same problem. You are missing semicolon ; in the end of your import.

**@import "./common/colors.scss";**

* {
    margin:0;
    padding:0;
    box-sizing: border-box;
    font-family: "Open Sans";
}

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1
Solution 2 Jamal Ashraf

Related Questions