服务器无法启动vue项目,解决： Vue 项目本地运行 run 与服务器上 build 样式不一致，build 后样式不生效...

PS：本人遇到这个问题是用文中最后一句话解决：" 在组件的样式中记得添加 'scoped' "。服务器

在Vue项目开发过程当中遇到两次，本地运行正常，build后在服务器上样式没有生效，或者在本地的效果没有正常显示，

下面一一说明：测试

1、多个相一样式文件同时存在项目中

现象：修改组件时，在项目中复制了一个组件重命名后进行修改，在本地执行正常，后打包上传，没法展现正常效果。

解决过程：在本地试图修改老是不见效果，在控制台查看样式还是以前的样式，把其中一处样式在全部相关组件中修改，打包上传后样式生效，这说明是旧的样式在打包时覆盖了新的样式。将旧组件删除后解决上述问题。

缘由猜想：由于相同组件包含不一样样式时，没法判断哪份样式时在后面渲染，若是旧样式恰好打包后在后面渲染，则会覆盖掉新写的样式。在本地执行时，由于样式没有打包，访问页面时渲染的都是组件自身样式，因此不会出现上述问题。ui

2、全局(main.js)引用样式

现象：在全局引入了Element UI 样式，在header组件中修改部分样式，在本地执行正常，后打包上传，没法展现正常效果。

解决过程：由于在项目中段发现该问题，觉得是后续的样式形成的影响(虽然我也认为可能性极小)，删除新写的组件，没有效果。运行一段时间以前的代码，项目正常运行，这迫使我回想中间这段时间对项目作了什么？...............，除了新写了一些组件，还将一些配置信息从index.js中转移到了main.js中，测试发现果真是这里出现了问题。配置中同时出现了Element UI 样式文件引用，还有router的引用，将yang样式引用放在router引用后解决问题。

缘由猜想：不正常的样式显示的仍是组件原始的样式，由此猜想router加载时会加载组件样式，将样式文件在router后引用会将router加载时渲染的样式覆盖掉，因此建议将router的引用放在最后面。spa

以上缘由猜想是我的分析，你们有新看法请在下方留言。.net

最后，在每一个组件的样式中记得添加 'scoped'router

---------------------

转自：https://blog.csdn.net/fengjingyu168/article/details/78132401

blog