1、确认子应用的JS文件路径是否正确,以及对应的URL是否与主应用中的路径一致。2、检查子应用的HTML文件中是否正确引入了相应的JS文件。可以通过在浏览器中查看该HTML文件的源代码来确认。3、确认子应用的JS文件是否存在语法错误或其他类型的错误。可以通过调试工具查看控制台中的错误信息来定位问题。4、确...
安装 wujie-vue2:在主应用中安装 wujie-vue2 库。注册子应用:通过 WujieVue 提供的 setupApp 方法注册子应用,并配置相关属性。配置路由:与 qiankun 类似,主应用需要配置一个空白的 Vue 组件(如 subApp2.vue),并配置路由指向该组件。在组件内部,使用 WujieVue 组件来加载子应用。2. 子应用...
1. 主应用初始化 为实现Qiankun框架下微前端集成的根基,首先,在主应用中安装Qiankun。2. 子应用依赖整合 接下来,引入tmvc-base依赖,为子应用的构建提供基础。随后,主应用中进行子应用的注册。3. 主应用与子应用交互 在主应用的main.js中,定义子应用的挂载点,并在子应用的App.vue文件中完成...
1、子应用代码问题:子应用的代码可能存在问题,例如依赖包版本不兼容、语法错误、资源路径错误等等,导致应用无法正常加载。2、跨域问题:由于Qiankun需要将多个子应用整合到同一个页面中运行,因此可能存在跨域问题,可以通过配置代理服务器或者设置跨域访问权限解决。3、网络问题:如果子应用的资源无法从远程...
qiankun加载字应用很慢是webpack加载资源时未使用正确的publicPath。qiankun将外链样式改成了内联样式,但是字体文件和背景图片等静态资源的加载路径是相对路径。而css文件一旦打包完成,就无法通过动态修改publicPath来修正其中的字体文件和背景图片的路径。