百度360必应搜狗淘宝本站头条
当前位置:网站首页 > IT知识 > 正文

本地乾坤主应用加载本地子应用时[import-html-entry]报错?

liuian 2024-12-27 15:15 54 浏览

在使用乾坤微前端的过程中,遇到了一个问题,本地启动乾坤主应用,然后加载子应用,一直报错 [import-html-entry]: error occurs while executing normal script ,花费了好长时间都没定位到问题出在哪里。

后来静下心来仔细去扒了一下控制台对于子应用的JS文件的加载,终于发现问题了,本应该加载到的是一个JS文件的,没想到加载到的竟然都是html文件,导致在乾坤执行 eval 时报错了。

仔细看了一下相关JS的加载全路径,问题出来了,子应用本应要多一层前缀的,怎么没了呢?然后又通过 console.log 打印了一下乾坤给子应用注入的 window.__INJECTED_PUBLIC_PATH_BY_QIANKUN__ ,是的果然有问题,少了一层。那是从哪里少的呢?

于是又去主应用中查看了一下子应用注册时的 entry 地址,我写的本地地址是 "http://child.child.com/child",好了,这样的结果就是我得到的实际的 window.__INJECTED_PUBLIC_PATH_BY_QIANKUN__ 就变成了 "http://child.child.com/"

这不对啊,我尝试在 /child 后面加一个 / ,改成 "http://child.child.com/child/"

天啦噜!!

竟然好了!

然好了!!

好了!!!

了!!!!


好吧,记住了,以后在乾坤主应用加载本地子应用的时候,可得注意了, entry 地址一定要以 / 结尾!!!

要说为什么吗?我也不知道,我也还没深入研究。但重要的是,我这么做解决问题了!这就很关键了!!具体原因后续再去探究,先解决眼下问题,让项目能本地好好的跑起来再说!!!

当然这只是我遇到的一种导致乾坤微前端加载子应用一直失败报错的问题,可能还会有其他的能引发 [import-html-entry] 报错的问题,但不在这次讨论范围之内,我只是记录一下我遇到的引发报错的这种问题是如何被我稀里糊涂的给瞎猫碰到死耗子的!!!

我得赶紧撸码了,年关将至,我还得在这继续撸码,我可太敬业了!!!我哭死!!!

相关推荐

免费刷机工具(免费刷机工具哪个好用)

 刷机机灵你的安卓手机智能管家:刷机精灵软件是一款适用于Andorid设备的一键刷机软件。它能够自动安装设备驱动、自动获取ROOT权限、自动刷入ClockworkmodRecovery以完成Andr...

硬盘重新分区怎么分(硬盘重新分区后怎么装系统)

对已分区的硬盘重新分区的方法如下:1. 备份重要数据:重新分区会格式化硬盘,导致数据丢失。因此,在进行重新分区之前,需要备份重要数据。2. 进入磁盘管理工具:在Windows操...

一键ghost快捷键(1键ghost)

一、开机连续按F8,在系统启动菜单中,选择一键还原选项进行一键还原。二、制作启动盘重装操作系统。安装GHOST版本操作系统方法:1、将制作好的PE启动U盘插入电脑USB接口(台式用户建议将u盘插在主机...

换无线路由器需要怎么设置(换个无线路由器怎么连接)

1、线路连接,入户网线接到无线路由器的wan口;2、路由器连接,a、如果有网线,可以直接用网线接lan口和电脑网口,然后参照第三步;b、没有网线,电脑搜索路由器,然后点击连接上。然后参照第三步设置;3...

数据标注接单平台(数据标注接单平台哪个挣得多一点)

数据标注员在家可以通过以下方式接单:1.在线平台:有许多数据标注平台允许数据标注员在家完成标注任务,例如标注客、标注助手、数据堂等。这些平台提供了在线标注工具和API接口,让数据标注员可以在家里使用...

电脑垃圾怎么清理系统垃圾(电脑垃圾怎么清理干净)

电脑清理c盘空间只留系统的操作方法如下。1、打开电脑,找到我的电脑,双击我的电脑,找到盘符C的系统盘。2、找到“属性”菜单。3、点击“属性”后,系统会出现一个新的界面,在新的界面,我们找到“磁盘清理”...

显卡推荐性价比2025(显卡2020性价比)

2021年买1000块钱的这种显卡性价比最好的还是小米的显卡比较好,因为小米的电子产品呢是比较好的一款它的质量是比较好的,也是比较靠谱的,尤其是1000块钱以内买的这种显卡呢他的内存是比较大的,所以价...

thinkpad原厂系统重装方法(thinkpad如何重新装系统)

若需重装原装系统,需备份系统数据,制作启动盘或将原装系统镜像刻录至光盘或USB。进入BIOS设置,启动优先选项设定为启动盘,重启电脑。按提示选择新系统安装位置。安装完成后更新系统和驱动程序。最后恢复数...

安装系统教程win10(安装系统教程win7)

正确安装win10系统的步骤如下:1.确认电脑是否满足win10系统的最低配置要求,如CPU、内存、硬盘空间等。2.下载win10系统镜像文件,可以通过微软官网或第三方下载网站获取。3.制作U盘...

pps影音手机版下载官网(pps影音百科)

区别:1,爱奇艺主打网页播放,PPS主打客户端播放器;2,爱奇艺视频正版高清,PPS不全是高清,有部分盗版;3,爱奇艺在线播放比较好,PPS的P2P加载技术打开视频较快。1、爱奇艺PPS影音其实是爱...

百度官方下载安装免费(百度官网免费下载)

你好!有两种方法可以免费下载!第一:加入百度文库VIP看百度文库的说明,只要加入百度文库的VIP即可免费下载,不过不推荐这种还是需要花钱的方式第二:下载冰点下载器那这种方法该如何免费下载呢?下面我详细...

windows10更新文件在哪里(win10系统更新文件在哪个文件夹)
windows10更新文件在哪里(win10系统更新文件在哪个文件夹)

win10自动更新下载的文件位于C:\Windows\SoftwareDistribution\Download文件夹中。当然我们要找到哪个文件夹确切到哪个补丁并不是那么容易的,因为命名的文件夹都是长长的一段代号,一般我们要删除更新文件的...

2026-01-02 03:55 liuian

扫描仪怎么安装(信鸽扫描仪怎么安装)

扫描仪的安装步骤可能会略有不同,具体取决于您所使用的扫描仪品牌和型号。一般而言,您可以按照以下基本步骤来安装扫描仪:确认您的计算机系统符合扫描仪的最低系统要求。在计算机上插入扫描仪的安装光盘,或从制造...

u盘怎么启动重装系统(u盘启动重装系统哪个好)

1.下载好系统之家U盘以后在电脑上插入U盘并打开软件,软件会自,动配置用户的电脑信息,点击制作U盘启动盘。2.接着就进入了选择系统的界面,在这里选择需要安装的系统版本,然后点击开始制作。3.弹出提示窗...

photoshopcs6哪一年的(pscs6版本好用吗)

pscs6的发行时间是2012年4月24日,该软件是是AdobePhotoshop的第13代,具有多种功能,包括内容识别修补、Mercury图形引擎/3D性能提升/3D控制功能/改良的设计工具/全新的...