SASS 编译错误答案

【问题标题】：SASS bug with compilationSASS 编译错误
【发布时间】：2020-06-06 16:06:43
【问题描述】：

我是 * 的新手，我是 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：对不起我的英语不好。

【问题讨论】：

欢迎来到 SO！您能否在您的问题中发布您的相关代码，或者直接链接到 Github 上的代码而不是您存储库的根目录？
您需要在此处在您的问题中发布minimal reproducible example，并在任何第三方网站上发布not a link。
@avocadatoria 不。github 链接与其他链接没有什么不同，并且会关闭此问题。

标签： css sass compiler-errors wampserver node-sass

【解决方案1】：

首先，检查编译后的css文件中的值是否真的发生了变化。由于您的 Sass 编译器告诉您它已成功编译所有内容，因此应该在您的 css 文件中对其进行更改。

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

Chrome：打开 DevTools [Ctrl Shift i]，打开其设置（点击 [F1] 或通过 DevTools 菜单打开），在“网络”下选中“禁用缓存（在 DevTools 打开时）”

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

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

【讨论】：