css - SASS错误与编译

标签 css sass compiler-errors wampserver node-sass

我是StackOverflow的新手,并且是Web开发的初学者,感谢您的理解。
我有SASS问题
它在终端上很好地告诉了我,它在main.css上编译了我的代码,但这仅在浏览器上显示了几次结果(Firefox和我清除了他的缓存)。
我使用VSCode的终端(Windows Powershell),使用node.js的SASS和使用WAMP的本地服务器。
我发现很难理解我没有这个问题的其他项目。
知道我该怎么做才能解决此问题?
您可以在GitHub上找到我的代码,以及一个向您展示问题的视频。

谢谢你,有一个美好的一天!

我在GitHub上的项目的代码:https://github.com/ValentinBnmr/Semaine_Inter

视频:https://youtu.be/dV_FcwNwwcY

PS:对不起,我英语不好。

最佳答案

首先,检查该值在编译的css文件中是否实际更改。由于您的Sass编译器告诉您已成功编译了所有内容,因此应在css文件中进行更改。

这很可能是您的浏览器的缓存。清除一次不会影响以后的重新加载,如您的视频所示。您可以将浏览器(Firefox和Chrome)设置为在开发人员工具打开时停用Cache。

Chrome:打开DevTools [Ctrl Shift i],打开其设置(按[F1]或通过DevTools菜单打开),在“网络”下,选中“禁用缓存(在打开DevTools时)”框

Firefox:打开Web Developer工具箱[Ctrl Shift i],打开其设置(与Chrome相同),在“高级设置”下,选中“禁用HTTP缓存(打开工具箱时)”复选框

每当您在打开这些工具的情况下加载网站时(就像在执行此类操作时应该如此),您将永远不会遇到缓存问题。

关于css - SASS错误与编译,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60351999/

相关文章:

jquery - 修改 Bootstrap 导航栏

css - 如何使用 SASS 简化此 CSS?

css - 这些类型的渐变可以在 CSS 中完成吗?

html - 超轻型 YouTube 播放器

sass - 有没有办法在没有变量的情况下在 sass 中获取祖 parent 姓名?

Android Studio 显示未解析的引用 : Gson even though I have it in gradle and it works

c++ - 未定义对新 NCURSES 6.1 函数的引用(alloc_pair、reset_color_pairs)

c++ - 变量类型不完整的编译器错误

php - 从大于单页的动态创建的表格 (div) 创建多页 PDF

html - ul 内的 li 间距不均匀