火狐浏览器使用scss嵌套编写css无法识别问题

1. 版本：
   “node-sass”: “^4.14.1”,
   “sass-loader”: “^7.3.1”,
2. vue版本： v2
3. 问题描述：
   我的文件目录是这样的：
   
   而在scss文件中我是这样书写的
   
   .vue文件中
   

在火狐浏览器中

在谷歌浏览器中

初步排查发现嵌套结构的scss在火狐浏览器中没有相应的css样式，而在谷歌中没有出现相同的问题。
再次想问下大家为什么会发生这样的问题以及解决方案