部署到Firebase上的应用Sass样式没有应用，但在本地正常显示。
创始人
2025-01-07 08:30:55
0次

可能是因为 Firebase 的部署不会自动编译 CSS 文件，需要手动编译。可以在 Firebase 的部署前，使用 Sass 将样式文件编译为 CSS 文件，然后再将编译后的 CSS 文件部署。具体操作步骤如下：

  1. 安装 Sass：在命令行输入以下命令进行安装。
npm install -g sass
  1. 将 Sass 样式文件编译为 CSS 文件，可以使用以下命令：
sass input.scss output.css

其中，input.scss 是要编译的 Sass 文件，output.css 是编译后的 CSS 文件名。

  1. 在 Firebase 部署前，将编译后的 CSS 文件添加到部署的文件夹中，比如 public/css 文件夹中。

  2. 修改应用中的样式链接，指向部署后的 CSS 文件。

这样，在部署后，应该就可以正常显示应用的样式了。

上一篇：部署到Firebase后，使用StreamProvider的Flutter Web应用程序显示灰色屏幕。

下一篇：部署到Firebase主机的网页在加载页面的设备上不会反映出所有所做的更改。Flutter网页。

相关内容

热门资讯

透视辅助！hhpoker透视脚... 透视辅助！hhpoker透视脚本视频，hhpoker德州挂真的有吗，wpk教程（有挂细节）1、透视辅...
透视模拟器！wpk有作弊吗，w... 透视模拟器！wpk有作弊吗，wpk俱乐部是真的吗，wpk教程（有挂解密）；1、游戏颠覆性的策略玩法，...
透视线上！HH平台挂，hhpo... 透视线上！HH平台挂，hhpoker真的有透视吗，揭秘教程（有挂插件）进入游戏-大厅左侧-新手福利-...
透视辅助！wpk作弊是真的吗，... 透视辅助！wpk作弊是真的吗，wpk是真的还是假的，德州论坛（有挂细节）一、wpk是真的还是假的软件...
透视辅助！如何判断wpk辅助软... 透视辅助！如何判断wpk辅助软件的真假，wpk辅助购买，必备教程（有挂辅助）；1、玩家可以在如何判断...
透视智能ai！hhpoker开... 透视智能ai！hhpoker开挂教程，hhpoker脚本下载，黑科技教程（有挂教程）1、玩家可以在h...
透视ai！wpk辅助插件，购买... 透视ai！wpk辅助插件，购买的wpk辅助在哪里下载，wpk教程（有挂黑科技）1、购买的wpk辅助在...
透视规律！wpk作弊，wpk作... 透视规律！wpk作弊，wpk作弊，爆料教程（有挂解说）；1、wpk作弊系统规律教程、wpk作弊辅助透...
透视透视！wpk私人局辅助是真... 透视透视！wpk私人局辅助是真的吗，wpk德州局透视，可靠教程（有挂详情）；小薇（透视辅助）致您一封...
透视真的！wpk私人局有透视吗... 透视真的！wpk私人局有透视吗，wpk系统是否存在作弊行为，安装教程（有挂插件）1、wpk系统是否存...