【问题标题】:Compiled CSS file wouldn't display in my browser编译的 CSS 文件不会显示在我的浏览器中
【发布时间】:2017-07-18 18:00:31
【问题描述】:

我是 laravel 宅基地的新手。我正在使用 Windows 10 进行学习,并且能够运行 npm watch-poll。 app.scss 编译成功,app.css 文件在公共目录中更新,但它不会显示在我的浏览器中。我在刀片模板中包含了 CSS 脚本。只有当我重新启动机器时才会显示 css。任何人都可以帮忙。 我很感激。

【问题讨论】:

  • 请在您的问题中包含任何相关代码

标签: laravel laravel-mix


【解决方案1】:

这就是我在自己的项目中解决这个问题的方法:

  1. 删除包含href="app.css"的链接标签

  2. 保存文件

  3. 再次粘贴链接标签
  4. 保存文件

如果上述方法不起作用,请尝试按 ctrl+f5 清除浏览器缓存。 如何在 chrome 上禁用浏览器缓存: https://www.technipages.com/google-chrome-how-to-completely-disable-cache

【讨论】:

  • 我从保存文件的刀片模板中删除了 css 链接,然后再次粘贴链接并保存它,但是编译后的 css 在我的浏览器中没有更新。例如,如果我从 app.scss 将主页的背景颜色从红色更改为绿色,则公共目录中的 app.css 会更新,但主页的颜色仍然保持红色。
  • 你试过按 ctrl+f5 清除浏览器缓存吗?
  • 谢谢,这很有效,但每次更新 a​​pp.scss 文件时,我仍然需要清除浏览器缓存。请有更多建议!
  • 这是在 chrome 上禁用浏览器缓存的方法:technipages.com/google-chrome-how-to-completely-disable-cache
  • 如果解决方案有效,也许您可​​以接受我的回答?谢谢你:)
猜你喜欢
  • 1970-01-01
  • 2021-12-03
  • 2019-01-13
  • 2017-01-21
  • 1970-01-01
  • 1970-01-01
  • 2019-11-02
  • 1970-01-01
  • 2016-07-12
相关资源
最近更新 更多