qiankun 出现[import-html-entry]: error occurs while executing normal script

最新推荐文章于 2024-06-06 20:23:58 发布
最新推荐文章于 2024-06-06 20:23:58 发布
阅读量3.1k 收藏 1
点赞数 2
文章标签： html javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/willsoooo/article/details/127262771
版权

因为我在子应用引入了第三方JS文件，是通过webpack插件方式引入的

解决方案

直接在public.html文件中引入，并且添加ignore属性

<script src="../src/core/graphEdit/js/Editor.js" ignore></script>

凌厉越万里
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
qiankun加载react子应用报错[import-html-entry] error occurs while executing normal script
m0_67401499的博客
03-03 4729
报错信息: 解决方法: 将配置文件中的headScripts跟报错信息提到的文件路径的对象去掉,改用直接在html里引入并加上ignore 因为在headScript无法添加ignore,所以这么做,解决方法就是添加ignore,改好之后下面的报错ERROR SyntaxError: Unexpected token ‘<’ 也没了 参考:https://blog.csdn.net/Lyrelion/article/details/119245884 ...
import-html-entry]: error occurs while executing entry script, 乾坤加载子应用路由报错
weixin_43191327的博客
11-24 8924
在乾坤框架下, 子应用技术栈是 vue, 当路由是懒加载的情况, 大概率会遇到。runtime publicPath 主要解决的是微应用。, 因为是动态加载的资源所以相关路径需要配置一下。的 脚本、样式、图片 等地址不正确的问题。如果路由没有使用懒加载基本不会遇到这种情况。
微前端学习笔记(5)：从import-html-entry发微DOM/JS/CSS隔离
最新发布
周陆军的博客，分享it技术。
06-06 985
是 qiankun 中一个举足轻重的依赖，用于获取子应用的 HTML 和 JS，同时对 HTML 和 JS 进行了各自的处理，以便于子应用在父应用中加载。
qiankun加载vue子应用报错[import-html-entry]: error occurs while executing normal script
好记性不如烂笔头
05-25 1万+
网上查询该报错信息发现和我遇见的问题不同，发现别人都是因为JS文件引用出的问题，将JS文件引用改为html引用的方式，同时添加ignore属性，如： <script src="..." ignore></srcipt> 而我并未引用js，经自已排查后发现问题出在子应用以下部分： if (window.__POWERED_BY_QIANKUN__) { __webpack_public_path__ = window.__INJECTED_PUBLIC_PATH_BY_Q
JavaScript读源码系列--微前端之import-html-entry
daihaoxin的专栏
05-21 1万+
最近网络上对于微前端讨论的越来越多，大厂也是各种晒方案，qiankun 就是其中一款由蚂蚁金服推出的比较成熟的微前端框架，基于 single-spa 进行二次开发，用于将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。尤其适合遗留项目技术栈难以维护，又需要新的技术来迭代功能。 qiankun一大特点就是将html做为入口文件，规避了JavaScript为了支持缓存而根据文件内容动态生成文件名，造成入口文件无法锁定的问题。将html做为入口文件，其实就是将静态的html做为一个资源列表来使
qiankun微应用加载第三方js、sdk跨域报错
吴纯玲的博客
09-02 5304
qiankun会把静态资源的加载拦截，改用fetch方式获取资源，所以要求这些资源支持跨域。 虽然qiankun也提供了解决方案，但支持跨域的方式也颇为复杂，有没有更简单的方式，纯前端实现？幸在qiankun提供了excludeAssetFilter。
JavaScript中异常处理
开挂的程序猿
11-12 858
JavaScript中异常处理
qiankun框架微应用接入配置
kurcp的博客
08-24 1167
qiankun 微应用接入配置
qiankun-micro-app:qiankun 微前端应用实践与部署
05-14
qiankun 微前端应用实践与部署 微前端应用分为主应用与子应用，部署方式是分别编译好主应用与子应用，将主应用与子应用部署到 nginx 配置好的目录即可。 代码仓库 分别进入 portal、app1、app2 根目录，执行: 开发...
umi-plugin-qiankun:Umi plugin for qiankun
05-07
Umi@2 plugin for .Umi@3 相应的 qiankun 插件请移步Installation$ npm i @umijs/plugin-qiankun@umi2 -Sor$ yarn add @umijs/plugin-qiankun@umi2Examples导航是主应用，App1 和 App2 是子应用，$ yarn$ yarn build...
qiankun-simple-main-app-web:react微前端聚合系统（qiankun.js）
05-30
概述 主系统采用乾坤集成react技术栈，子系统技术栈不限，docker部署; 预览 技术栈： 主系统：React + Antd + qiankun ... entry: '//localhost:8080', // 微服务系统地址：子系统入口地址(注意：采
import-html-entry:HTML输入原始码
03-23
HTML条目原始分析 文章发布于，通过对比JS Entry，完整介绍了HTML Entry的原理，实际应用和源码实现 import-html-entry 将索引html视为清单，并加载资产（css，js），从入口脚本获取导出。 <!-- subApp/index.html --> <!DOCTYPE html > < html lang =" en " > < head > < meta charset =" UTF-8 " > < title > test </ title > </ head > < body > <!-- mark the entry script with entry attribute --> < script src =" https://unpkg.com/mobx@5.0.3/lib/mobx.umd.js " entry > </ sc
qiankun-example::rocket: qiankun实战demo，父应用vue，子应用用react和vue
05-08
这个名为“qiankun-example”的项目，是一个实战示例，它展示了如何使用qiankun将Vue作为主应用，同时集成React和Vue两种技术栈的子应用。通过这个项目，我们可以深入理解qiankun的工作原理以及如何在实际开发中运用...
qiankun-angular-angularjs:基于 qiankun，主应用为 angular，子应用为angularjs
05-29
QiankunAngularAngularjs基于qiankun,实现了在angular9主应用下挂angularjs子应用的范例。可实现angularjs和angular9优雅共存，增量迁移。本工程只是对qiankun官网样例的补充，如果想要详细了解qiankun请访问官网：...
微前端-qiankun使用
weixin_45102212的博客
10-21 498
qinkun官方文档：https://qiankun.umijs.org/zh/guide 首先我么可以通过vue创建2个项目： 例如创建一个项目名为：qiankun-base；另一个名为：qiankun-vue (如何创建项目可百度搜) 创建成功后，在qiankun-base项目中，我们使用element，首先安装npm i element-ui -S。 其次在main.js引用： import ElementUI from 'element-ui' import 'element-ui/lib/them
基于 qiankun 的微前端实践
油墨香^-^的博客
07-07 644
微前端（Micro-Frontends）是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。微前端并不是前端领域的新概念。早期希望前端工程能够像后台的微服务一样，项目分开自治，核心的诉求是：1、兼容不同技术栈2、将项目看作页面、组件，能够复用到不同的系统中早期比较成熟的 single-spa，从早期 React 的现代框架组件生命周期中获得灵感，将生命周期应用于这个应用程序，即将整个页面作为组件。后来蚂蚁金融团队孵化了基于 sin
前端微应用qiankun框架集成参考
biraotian的博客
01-18 1433
接触qiankun框架也有一段时间了，一直没什么产出，这篇文章来源于组内同学的分享ppt，对于新人来说可能觉得没头没尾，希望大家见谅。虽然以下内容已在多个项目中得以验证，但是缺少部分小细节，大体思路如此，仅供参考思路 非常重要的3个钩子： getQianKunConfig().then((result) => { (window as any).qiankun.registerMicroApps(result.subApps, { // beforeLoad: app => {
使用 qiankun 集成应用时，出现的部分错误及解决方案
zlfjavahome的专栏
09-27 1万+
使用 qiankun 集成应用时，出现的部分错误及解决方案
qiankun框架: vue2 主应用访问子应用报错 [import-html-entry]:error occurs 或 died in status LOADING_SOURCE_CODE
热门推荐
风间琉璃c
02-09 2万+
控制台报错：Uncaught Error: application 'contractCenterApps' died in status LOADING_SOURCE_CODE: [qiankun]: You need to export lifecycle functions in contractCenterApps entry 或者 之类的错误，都可能是这个原因。 这个问题仅限vue2，即文件目录结构为： 这种的，vue3不会有这个问题，vue3直接在vue.con...
qiankun ::v-deep 不生效
01-04
qiankun是一个微前端框架，它使用了Vue的::v-deep选择器来解决全局样式干扰的问题。但是有时候在使用qiankun时，::v-deep选择器可能会不生效。这可能是由于以下几个原因导致的： 1. 预处理器不支持::v-deep选择器：有些预处理器（如Sass）无法正确解析::v-deep选择器，这时可以尝试使用/deep/选择器来代替::v-deep选择器。 2. 样式作用域问题：在使用qiankun时，子应用的样式可能会受到父应用的样式影响。这时可以尝试在样式中使用/deep/选择器或者给子应用的根元素添加一个唯一的class来限定样式的作用域。 3. 样式加载顺序问题：如果样式表的加载顺序不正确，可能会导致::v-deep选择器不生效。确保样式表在使用::v-deep选择器的组件之前加载。 4. qiankun版本问题：某些版本的qiankun可能存在::v-deep选择器不生效的问题。可以尝试升级到最新版本或者查看qiankun的文档和社区是否有相关的解决方案。 总结起来，如果qiankun的::v-deep选择器不生效，可以尝试使用/deep/选择器代替，检查样式作用域和加载顺序，以及升级qiankun版本等方法来解决问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值