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

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

问题原因

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

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

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

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

解决方法

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

html 复制代码
<style lang="scss" scoped>
// 至少要有一条样式;可以为空:{}
.a {}
</style>
相关推荐
Mr_chiu几秒前
数据可视化大屏模板:前端开发的效率革命与架构艺术
前端
进击的野人1 分钟前
一个基于 Vue 的 GitHub 用户搜索案例
前端·vue.js·前端框架
ZsTs1191 分钟前
《2025 AI 自动化新高度:一套代码搞定 iOS、Android 双端,全平台 AutoGLM 部署实战》
前端·人工智能·全栈
命中水1 分钟前
从怀疑到离不开:我第一个由 AI 深度参与完成的真实项目复盘
前端·openai
我是ed2 分钟前
# Vue3 图片标注插件 AILabel
前端
心在飞扬2 分钟前
AI 全栈--reactjs 基础总结
前端
七月十二3 分钟前
【TS】虚拟列表无渲染逻辑内核
前端
樊小肆7 分钟前
ollmam+langchain.js实现本地大模型简单记忆对话-PostgreSQL版
前端·langchain·aigc
renke336411 分钟前
Flutter 2025 模块化与微前端工程体系:从单体到可插拔架构,实现高效协作、独立交付与动态加载的下一代应用结构
前端·flutter·架构
wordbaby14 分钟前
配置 Git Hooks:使用 Husky + lint-staged 自动代码检查
前端