vue 打包后 components 组件 样式丢失问题
没想到用了vue这就久了,能遇到这种神奇的问题,记录一下。。。项目是多入口的打包方式,所以有多个router来写路由在其中一个入口分支的所有相关页面都没有 引入的组件的样式。这个样式是写在 components 里面的,所以不存在什么样式引入优先级之类的问题。怀疑打包webpack代码写的有问题。各种对比发现一点毛病的都么有。最后开始逐一排除,三个入口相关的文件都是大同小异的,所以...
·
没想到用了vue这就久了,能遇到这种神奇的问题,记录一下。。。
项目是多入口的打包方式,所以有多个router来写路由
在其中一个入口分支的所有相关页面都没有 引入的组件的样式。这个样式是写在 components 里面的,所以不存在什么样式引入优先级之类的问题。
怀疑打包webpack代码写的有问题。各种对比发现一点毛病的都么有。
最后开始逐一排除,三个入口相关的文件都是大同小异的,所以横向对比找不同。
最后发现在出问题的那个分支的router文件里面,全是用路由懒加载的方法写的。
就是这种,没有一个页面是同步加载的。
const AgentAdmin = () => import('pages/agent/agentAdmin.vue')
然后就把这个入口的页面用同步的方式写
import AgentAdmin from 'XXXXXXXXXX'
然后就ok了,木有问题了。。。
更多推荐
已为社区贡献5条内容
所有评论(0)