SassError: media query expression must begin with '('

Question

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

please, someone, to help me

Answer 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>