VUE： 本地运行和服务器上运行样式不一致，run、build 运行时样式有出入

1. 我的情况：

我遇到 2 种情况，一个是表格的分页样式有变化。另一个是导航菜单样式有变化。

2. 解决：

方法一：

对于第1个问题我只是单纯在那个组件样式文化中加了  scoped 。

对于我的第2 个问题，用第一种方法不成功。

方法二：

于是，F12看到原本的样式上都有一条黑色的线，如下：

查后得知，这是样式被覆盖了。再找不带黑线的同名的样式就知道是哪个样式覆盖了原本的。

原来 是红框中覆盖了我原本的样式，找到红框中的样式设置文件并修改后，果然再运行就正常了。 

 

另：我在网上看到有的是引入样式文件的顺序，影响加载顺序；多个相同样式文件同时存在项目中，要删除多余的；

还有其它原因参见：Vue 项目本地运行 run 与服务器上 build 样式不一致，build 后样式不生效