(css)项目打包部署上线后css样式错乱

(css)项目打包部署上线后css样式错乱

本次出现bug是因为一个页面scoped写成了scope，少些了个“d”引起样式污染。（找了好久，血的教训！！！）

找寻途中类似问题解决方法总结：
法一：

将main.js中App、router的引入放到最后引入

import ...
import ...
import App from './App'
import router from './router'

法二：

各组件的style标签都添加scoped

法三：

修改各组件最外层div的类名或id,不要同名（页面多的话慎用，优先考虑前两种）

解决参考：https://blog.csdn.net/weixin_41711265/article/details/121131555