【已解决】Vue全局引入scss 个别页面不生效 / 不自动引入全局样式

项目里配置了全局样式的引入,今天新建了 demo 页面去修改 element 的样式,发现全局的样式没有引入进来。

问题原因

在此页面 没有任何样式导致的

项目在编译的时候,会把 .vue 文件的样式抽离到单独的 css 文件中。

当该页面没有css代码的时候,编译器就不会去处理该页面的 style。

也就不会引入全局的 css 文件。

解决方法

可以在此页面写一个空样式

html 复制代码
<style lang="scss" scoped>
// 至少要有一条样式;可以为空:{}
.a {}
</style>
相关推荐
三年三月10 分钟前
浏览器地址栏回车 vs 点击刷新按钮的缓存行为差异分析
前端·javascript
码农刚子24 分钟前
ASP.NET Core Blazor 核心功能一:Blazor依赖注入与状态管理指南
前端·后端
胖虎26525 分钟前
基于Vue3+xgplayer 移动端直播解决方案
前端
用户40993225021226 分钟前
Vue 3模板如何通过编译三阶段实现从声明式语法到高效渲染的跨越
前端·ai编程·trae
小左OvO27 分钟前
基于百度地图JSAPI Three的城市公交客流可视化(二)——区域客流
前端·javascript·vue.js
小左OvO34 分钟前
基于百度地图JSAPI Three的城市公交客流可视化(三)——实时公交
前端·javascript·vue.js
IT_陈寒1 小时前
Vite 5新特性解析:10个提速技巧让你的开发效率翻倍 🚀
前端·人工智能·后端
焦糖小布丁1 小时前
通配符证书能给几个网站用?
前端
qiao若huan喜1 小时前
6、webgl 基本概念 + 四边形纹理
前端·javascript·信息可视化·webgl
刘一说1 小时前
深入理解 Spring Boot Web 开发中的全局异常统一处理机制
前端·spring boot·后端