Vue中引入使用scss变量报错：./node_modules/vue-style-loader!./node_modules/css-loader?

在这里插入图片描述

1.第一种情况：
这是由于css解析的时候出了问题，解决方案为：https://blog.csdn.net/dt1991524/article/details/83413211
2. 第二种情况(自己遇到的)：
样式文件的引入方式导致

<style lang="scss" scoped>
@import "../styles/index.scss"; // 这种引入正确
// @import url(../styles/index.scss); // 这种方式引入报错
</style>