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

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

问题原因

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

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

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

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

解决方法

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

html 复制代码
<style lang="scss" scoped>
// 至少要有一条样式;可以为空:{}
.a {}
</style>
相关推荐
孟祥_成都21 分钟前
打包票!前端和小白一定明白的人工智能基础概念!
前端·人工智能
小满zs30 分钟前
Next.js第六章(平行路由)
前端
小满zs33 分钟前
Next.js第七章(路由组)
前端
Mountain and sea1 小时前
发那科机器人指令详解:从入门到精通
前端·机器人
泯泷1 小时前
Tiptap 深度教程(四):终极定制 - 从零创建你的专属扩展
前端·javascript·架构
局i1 小时前
vue简介
前端·javascript·vue.js
yqcoder1 小时前
vue2 和 vue3 中,列表中的 key 值作用
前端·javascript·vue.js
U***49831 小时前
前端TypeScript教程汇总,从基础到高级
前端·javascript·typescript
梵得儿SHI1 小时前
Vue 指令系统:事件处理与表单绑定全解析,从入门到精通
前端·javascript·vue.js·v-model·v-on·表单数据绑定·表单双向绑定
IT_陈寒2 小时前
Vue3性能优化实战:我从这5个技巧中获得了40%的渲染提升
前端·人工智能·后端