idea编译器对scss变量报波浪线该怎么解决？

Question

idea编译器对scss变量报波浪线该怎么解决？
我是声明了全局变量文件theme.scss，并定义$a:red;
在业务文件index.scss中直接引用color:$a。然后$a报波浪线了，但这一行也正确显示了这个色号；

关于scss在webpack中是这样配置的

                    {
                        loader: 'sass-loader',
                    },
                    {
                        loader: 'sass-resources-loader',
                        options: {
                            resources: './src/common/theme.scss'
                        },
                    },

现在页面上也可以正确显示颜色，业务页面也能正确提示变量和显示颜色，虽然不影响使用，但就是这里报波浪线，看着也不舒服。项目直接是webpack打包的项目，不是vue这种。请问有朋友遇到这种情况吗？该怎么解决呢？

Answer 1

不影响使用就别管了，很多适配兼容不到位而已。