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

火狐浏览器使用scss嵌套编写css无法识别问题
  1. 版本:
    “node-sass”: “^4.14.1”,
    “sass-loader”: “^7.3.1”,
  2. vue版本: v2
  3. 问题描述:
    我的文件目录是这样的:
    火狐浏览器使用scss嵌套编写css无法识别问题_第1张图片
    而在scss文件中我是这样书写的
    火狐浏览器使用scss嵌套编写css无法识别问题_第2张图片
    .vue文件中
    火狐浏览器使用scss嵌套编写css无法识别问题_第3张图片

在火狐浏览器中
火狐浏览器使用scss嵌套编写css无法识别问题_第4张图片
在谷歌浏览器中
火狐浏览器使用scss嵌套编写css无法识别问题_第5张图片
初步排查发现嵌套结构的scss在火狐浏览器中没有相应的css样式,而在谷歌中没有出现相同的问题。
再次想问下大家为什么会发生这样的问题以及解决方案

你可能感兴趣的:(css,scss,前端)