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

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

问题原因

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

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

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

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

解决方法

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

html 复制代码
<style lang="scss" scoped>
// 至少要有一条样式;可以为空:{}
.a {}
</style>
相关推荐
多看书少吃饭1 小时前
Vite开发环境按需编译是怎么实现的
前端
ybb_ymm1 小时前
@Async修饰不生效
java·前端·数据库
Sapphire~1 小时前
Vue3-03 熟悉src文件夹及Vue文件格式
前端·javascript·vue.js
快乐星球3722 小时前
鸿蒙5、6用户h5页面使用schemeURL跳转小程序失败
前端
用户841794814562 小时前
vxe-table 复制单元格内容总会在最后加个换行符,如何去掉末尾换行符的解决方法
vue.js
ChangYan.2 小时前
Electron使用ffi-napi报错External buffers are not allowed解决办法
前端·javascript·electron
Sept9402 小时前
详解实现属性的全面拦截
前端
墨渊君2 小时前
2025 年: 一半无业游民、一半外包牛马
前端·年终总结
借个火er2 小时前
从零搭建 Uniapp 企业级项目模板
前端
阿民_armin2 小时前
移动端长列表「返回原位置」的完整实践
前端·javascript·vue.js