alibaba / alibaba/lowcode-engine

ali-lowcode-engine在燕鸥主应用无法正常渲染

Aperta
#2,247 5 commenti 0 reazioni 0 assegnatari Vedi su GitHub
Lingua principale
TypeScript
Stelle
15.9k
Fork
2.7k
Metriche di merge delle PR
Nessuna PR unita negli ultimi 30g

Descrizione

## **Describe the bug (required)** / **详细描述 bug(必填)**

业务使用了@ali/lowcode-engine,自己是可以正常访问的,但是集成到微服务框架燕鸥就无法正常渲染,找燕鸥的同学排查了,主要是因为燕鸥对window进行处理,子应用可以访问主应用的window,但是lowcode的渲染是iframe,里面访问子应用的window.React就无法获取到,然后就无法正常渲染了

A clear and concise description of what the bug is. / 请提供清晰且精确的 bug 描述
![image](https://github.com/alibaba/lowcode-engine/assets/118963745/85df09fe-b8ee-4527-8d49-436e6b1aef7a)

问题分析:
![image](https://github.com/alibaba/lowcode-engine/assets/118963745/faea6502-ff6f-4c56-8d63-88b4778d7bd4)

修复建议:
![image](https://github.com/alibaba/lowcode-engine/assets/118963745/bc07ad63-8b5f-4812-9431-bc0803742a6d)

能不能在这里自己引入 react 和 react-dom,而不是从parent中获取

## **Environments (please complete the following information) (required):** / **请提供如下信息(必填)**
- AliLowCodeEngine version: [e.g. 1.0.0] / 低代码引擎版本 1.0.63
- AliLowCodeEngineExt version: [e.g. 1.0.0] / 低代码引擎扩展包版本 1.0.12
- Browser [e.g. chrome, safari] / 浏览器版本
- materials / plugins / tools / 其他物料 / 插件 / 工具链版本

> (this information can be collected via [the manual plugin](https://img.alicdn.com/imgextra/i1/O1CN0115zonY1IsgbkZ2ir7_!!6000000000949-2-tps-3066-1650.png) / 版本信息可[通过低代码用户手册插件收集](https://img.alicdn.com/imgextra/i1/O1CN0115zonY1IsgbkZ2ir7_!!6000000000949-2-tps-3066-1650.png))

## **Additional context (optional)** / **更多额外信息(可选)**
Any other context of the problem here. / 可以追加更多的额外信息,帮助定位问题

Guida per i contributori

Nessuna guida per i contributori indicizzata per questo repository

Direzione di ricerca

Riproduci il problema con AliLowCodeEngine 1.0.63 e AliLowCodeEngineExt 1.0.12 nel framework di microservizi 燕鸥, concentrandoti sul rendering dell’iframe e sull’accesso a React tramite la finestra parent. Confronta la dipendenza attuale dalla finestra parent con il caricamento locale proposto di react e react-dom. Il lavoro è completo quando il motore low-code esegue il rendering normalmente una volta integrato nell’applicazione principale di 燕鸥.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
react, typescript
Ambito
frontend
Tipo di issue
Bug
Difficoltà
4/5
Tempo stimato
3-5 giorni
Stato di attività
Ferma
Chiarezza
Abbastanza chiara
Idoneità per principianti
35/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.