来的时候好好的，回不去了：vue打包后路由异常
兄弟们我们看这个小伙伴的bug啊
来的时候好好的
回不去了
什么意思呢
就是他开发的时候好好的
这页面都能出来
但他只要一打包项目
大家看啊
就是打包之后的这另一个端口啊
打包之后这个页面都没有了
大家看
页面内容都不出来了
而且呢我们看啊
打包之后这个控制台没有任何报错
但是呢
我们看这个打包之前的控制台啊
说到控制台
给大家看个东西啊
我之前在网页里打开控制台
总是觉得太占空间
大家看我现在这个视角
是正常的16:9的网页啊
注意看我把镜头拉远
其实我在下面
打开了一个完整尺寸的控制台
也是16:9 非常爽
也就意味着
现在大家看到的是一块16:18的显示器
它是联合创新的28C1Q立面屏
那它最特殊的就是这个宽高比
16:18相当于两个16:
你可以直接一台主机设备
像我刚才那样哈
然后结合你自己的情况呢
这个比例就能解决很多问题
也可以同时接两台设备同时展示
包括上下分屏
还有画中画
而且它内置KVM的功能
你可以把键鼠连到显示器上
然后在显示器上快速切换
去控制不同的主机
特别方便
它的接口也非常齐全
我平时最喜欢用type-c的方式扩展
因为它除了音视频扩展之外
还支持90瓦反向供电
那我在家用笔记本的时候
只需要把这根type-c的线接上
除了可以扩展出一个立面屏
和两个扬声器
同时还能给我的笔记本充电
而且在这么宽裕的屏幕比例上写代码
也是挺爽的
主要它横向空间没变
纵向空间翻了一倍
那一屏展示的代码量就直接翻倍
尤其用我们上下布局来拆分编辑器啊
跟天然的两块屏幕一样
然后再配合编程模式
这个代码关键字都非常清晰
除了这些
它有很多功能特点啊
因为时间关系
我就不一一展开介绍了
比如RJ45网线接口
人体工学支架、各种情景模式
AI智能感光、护眼提醒
标线、标尺、构图辅助，色彩空间
等等等等
好我们再回来看这个问题
刷新一下
大家看他这有一个这个报错
他说这个问题如果不解决
在生长环境将会break
就看不到了嘛
估计就是
所以呢
我们先去看他现在怎么写的哈
他看在这里
因为他用的是动态路由
所以他会在这里
把后端传来的这个组件名
变成这个组件对象
所以在这呢
他直接这样写
但是他没有用箭头函数哈
我一看
这不是送分题吗
把这改了就以为就好使呢哈
我们来试一下哈
大家看
这是开发环境
现在开发环境直接报错了
就不行了
然后呢我们仔细看他报的什么错啊
他说找不到这个模块
哪个模块呢
是他把整个这块当成一个模块名了
大家看啊：./views …
我们先不管后面的
这不是我们写的views嘛
然后到后边
这不是我们写的箭头函数了吗
只不过可能经过编译哈
所以我们再仔细看这段代码哈
这个是一个箭头函数
比如说我
把这个箭头函数赋给这个属性了
那什么时候执行
这里边就不一定了
所以这个程序
会先把这个对象的component属性
覆盖成这个箭头函数
然后
等到我们这个箭头函数被调用的时候
其实这个对象的component的属性
已经变成箭头函数了
不是原来字符串了
所以呢我得把这改一下： const
component name
把它备份到这个变量里
然后把这个变量拿过来
好我们再试一下
OK大家看，这回不报错了
出来了
然后呢我们再编译一版试试哈
大家看 现在已经出来了
这就是我们打包之后的这个项目
这个问题就解决了
最后更新于
这有帮助吗？