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

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

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

在使用乾坤微前端的过程中,遇到了一个问题,本地启动乾坤主应用,然后加载子应用,一直报错 [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] 报错的问题,但不在这次讨论范围之内,我只是记录一下我遇到的引发报错的这种问题是如何被我稀里糊涂的给瞎猫碰到死耗子的!!!

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

相关推荐

Javascript中的字符串拼接(js字符串拼接效率)

字符串拼接是所有程序设计语言都需要的操作。当拼接结果较长时,如何保证效率就成为一个很重要的问题。本文介绍的是Javascript中的字符串拼接,希望对你有帮助,一起来看。consticon=&#...

C#-字符串常用方法(2) 104(c#字符串处理函数)

IndexOf()查找某字符或字符串在要查找字符串中第一次出现的下标,与数组相同从零开始,如果没有找到对应的数据,则返回-1LastIndexOf()查找某字符或字符串在要查找字符串中最后一次出现...

C#拼接字符串及简单性能比较(c# 如何高效拼接字符串)

在C#编程中拼接字符串应该是最常见的场景之一,假如现在有几个变量需要转换成字符串并按格式拼接,常用的几种方法:inta=1;charb='c';doublec=1...

C# 字符串连接方式有哪些?各自有什么特点?

在C#中,有几种方式可以连接字符串,每种方式都有其特点和适用场景。以下是常见的几种方式:使用连接符"+":使用加号"+"可以简单地将两个字符串连接起来。这种方式简...

字符串也可以比较大小?C语言的strcmp函数

在C语言中,因为字符串没有被封装成对象,所以直接用==、!=比较。C语言提供了一个用于字符串比较的函数类型strcmp。注意,字符串和字符完全不同,因为不同的编译器实现问题,返回值的情况也有所变化...

JavaScript 常用功能总结(javascript的功能)

编吐血整理加上翻译,太辛苦了~求赞!本文主要总结了JavaScript常用功能总结,如一些常用的额JS对象,基本数据结构,功能函数等,还有一些常用的设计模式。目录:众所周知,JavaScript是...

C++20 新特性(16):三路比较运算符()一统浆糊

C++语言的比较操作符有很多,包括:==、!=、>、>=、<、<=等,如果要实现对象的大小比较功能,需要实现这些函数,比较繁琐,而且如果实现不好,这些...

C++中重载运算符的使用(c++重载操作符)

C++中重载运算符的使用:用户定义的类型,如:字符串,日期,复数,联合体以及文件常常重载二元+操作符以实现对象的连接,附加或合并机制。但是要正确实现+操作符会给设计,实现和性能带来一定的挑战。...

《学习C++》基本概念之标识符(c++标识符的定义)

标识符(identifier)是C++基本词法单元(即令牌token)之一,由字母(letter)、数字(digit)、下划线(underscore)组成,但是首字符必须为字母或下换线。标识符的用途主...

Java判断Integer相等-应该这么这样用

先看下这段代码,然后猜下结果:Integeri1=50;Integeri2=50;Integeri3=128;Integeri4=128;System.out.prin...

C语言模拟实现字符串操作函数(c语言模拟实现字符串操作函数是什么)

1.strlenstrlen是用来求字符串长度的函数,字符串长度就是字符串中包含的字符的个数,但是不包含字符串结尾的‘\0’实现strlen有三种方法:(1)定义一个计数器size_t ...

C++ 知识小结(c++知识总结)

C语言typedef与#define比较https://www.runoob.com/note/24230野指针和悬空指针区别?野指针:指的是没有被初始化过的指针。解决方法:指针变量未及时...

Python字符串比较的隐藏法则:Unicode对决、内存地址暗战!

字符串比较的底层规则核心原理:字符逐个对比,基于Unicode值一决胜负!#规则演示:从首字符开始逐位比较print("apple">"app")...

在C++中,如何避免出现Bug?(c++防止闪退)

C++中的主要问题之一是存在大量行为未定义或对程序员来说意外的构造。我们在使用静态分析器检查各种项目时经常会遇到这些问题。但正如我们所知,最佳做法是在编译阶段尽早检测错误。让我们来看看现代C++中的一...

harmony-utils之StrUtil,字符串工具类

harmony-utils简介与说明harmony-utils一款功能丰富且极易上手的HarmonyOS工具库,借助众多实用工具类,致力于助力开发者迅速构建鸿蒙应用。其封装的工具涵盖了APP、设备...