vue 打包后 components 组件样式丢失问题

没想到用了vue这就久了，能遇到这种神奇的问题，记录一下。。。

项目是多入口的打包方式，所以有多个router来写路由

在其中一个入口分支的所有相关页面都没有引入的组件的样式。这个样式是写在 components 里面的，所以不存在什么样式引入优先级之类的问题。

怀疑打包webpack代码写的有问题。各种对比发现一点毛病的都么有。

最后开始逐一排除，三个入口相关的文件都是大同小异的，所以横向对比找不同。

最后发现在出问题的那个分支的router文件里面，全是用路由懒加载的方法写的。

就是这种，没有一个页面是同步加载的。

const AgentAdmin = () => import('pages/agent/agentAdmin.vue')

然后就把这个入口的页面用同步的方式写

import AgentAdmin from 'XXXXXXXXXX'

然后就ok了，木有问题了。。。

vue 打包后 components 组件样式丢失问题相关推荐

vue打包后element-ui部分样式（图标）异常问题
vue打包后element-ui部分样式(图标)异常问题参考文章: (1)vue打包后element-ui部分样式(图标)异常问题 (2)https://www.cnblogs.com/ljwsyt ...
vue打包后css路径_Vue打包后访问静态资源路径问题
Vue打包后访问静态资源路径问题 Vue介绍中static文件夹里放的是静态资源目录,如图片.字体等. 我们发现运行npm run start后本地图片路径是没问题的,但是打包上传后会怎么样呢? 我们 ...
flask 渲染 vue 打包后的dist文件（直接用后端渲染）
flask 渲染 vue 打包后的dist文件(直接用后端渲染) vue项目打包出dist文件 npm run build 代码 from flask import Flask from flask ...
vue 打包后访问接口报错404 解决方案（前提是在vue里使用了代理）
vue 打包后访问接口报错404 解决方案 (前提是在vue里使用了代理) 参考文章: (1)vue 打包后访问接口报错404 解决方案 (前提是在vue里使用了代理) (2)https://www. ...
[vue] 怎么修改vue打包后生成文件路径？
[vue] 怎么修改vue打包后生成文件路径? webpack:output.path vue-cli3: outputDir 个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一 ...
[vue] 怎么解决vue打包后静态资源图片失效的问题？
[vue] 怎么解决vue打包后静态资源图片失效的问题? 上面蛮多回答感觉像开玩笑似的,静态资源图片失效分几种情况. 1.确定线上环境是否在根路径上,配置资源根目录,vue-cli2 和 vue-cl ...
vue打包后出现一些map文件的解决方法
Vue打包后出现一些map文件的解决办法: 问题: 可能很多人在做vue项目打包,打包之后js中,会自动生成一些map文件,那我们怎么把它去掉不要呢? 1.运行 cnpm run build 开始 ...
vue上线后图片不显示_解决Vue打包后访问图片/图标不显示的问题
大家可否遇到过 npm run build打包后,项目在线上运行时,资源文件 (图片.图标)不显示的问题, 接下来,我给大家分享一下我的解决方案~ 1.检查打包后dist中的css文件打开此文件后 ...
vue 打包后，后缀名为.woff等字体问题不能用解决办法
vue 打包后,后缀名为.woff等字体问题不能用解决办法参考文章: (1)vue 打包后,后缀名为.woff等字体问题不能用解决办法 (2)https://www.cnblogs.com/mogu ...

vue 打包后 components 组件样式丢失问题

vue 打包后 components 组件样式丢失问题相关推荐

最新文章

热门文章

vue 打包后 components 组件 样式丢失问题

vue 打包后 components 组件 样式丢失问题相关推荐

最新文章

热门文章

vue 打包后 components 组件样式丢失问题

vue 打包后 components 组件样式丢失问题相关推荐