为什么我的 CSS 没有在 Laravel 中编译？答案

【问题标题】：Why is my CSS not being compiled in Laravel?为什么我的 CSS 没有在 Laravel 中编译？
【发布时间】：2023-03-31 05:47:01
【问题描述】：

如果这是一个重复的问题，我们深表歉意。我只需要问这个。

昨晚在挣扎了几个小时后，在出现有关引导程序的编译错误后，我联系了我的一位老师。在她和我一起查看并解决问题后，一切正常。

现在，今天当我想继续使用我的自定义 SCSS 样式表时，我将绿色应用于正文进行测试。它没有用。但是它确实编译了，没有抛出任何错误，它出现在 app.css 中。我究竟做错了什么...？为了确定，我运行了 npm run dev 和 npm watch。我也试过清除缓存无济于事。

我的 app.css 显示了已应用的更改：

我添加了测试更改的自定义 SCSS 样式表：

我在其中导入/使用自定义样式表的 app.scss 文件：

我的网页：

如您所见，更改已编译但未显示。我还尝试在页面本身中连接样式表，但也无济于事。真令人沮丧。如果您对此有更多了解，请提供帮助！

【问题讨论】：

使用浏览器的检查器查看主体是否应用了任何其他可以覆盖它的类。出于测试目的，请尝试使用background-color: red !important。而且...您可以随时更改scss/_variables.scss 中的引导变量，应该有类似$body-bg
是的，你是对的。我确实是想把红色放在那里，我还在想昨天我把身体涂成绿色的地方。我的错。
"使用浏览器的检查器查看主体是否应用了任何其他可以覆盖它的类。"并不真地。身体只是身体。而你所说的关于改变项目设置的初始变量；它覆盖了（不确定这是否正确）引导程序放置的变量（灰色调）没问题。

标签： css laravel

【解决方案1】：

好的，我找到了一个适合我的答案，尽管我不喜欢我现在这样做的方式。

显然，我所要做的就是运行 php artisan serve 在 localhost 端口上打开文件。

为什么我不喜欢这个？为了方便导航，我花了 30 分钟设置自定义 url。一切都很好，现在我必须做出那个转变。我希望我能解决这个问题。

虽然它最初似乎确实解决了问题；这不是我喜欢的策略。

【讨论】：

在没有php artisan serve 的情况下，您的网页究竟是如何提供的？您是否设置了不同的网络服务器？
我通过配置 Visual Studio 代码主机文件以添加虚拟主机来加载我的所有页面，然后配置 Windows 文件以将 URL 识别为官方 localhost 服务器

【解决方案2】：

可能是你的 css 被缓存了，它经常发生在 css 和 js 文件中。尝试在 css 导入后添加版本，并在每次更改 css 时不断增加该数字。

css/app.scss?v=6

【讨论】：