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>

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";
}