microapp引入requirejs报错

[VVzhouxiaobai]

问题描述

vite子应用在index.html里面引入requirejs，单独运行子应用没有问题，把子应用引入到主应用就报define is not define

复现步骤

1.在子引用中，引入microapp

<script src="https://requirejs.org/docs/release/2.3.6/comments/require.js?id=2"></script> <title>Vite App</title> 2.在main.js中通过define引入远程组件的vue和elementPlus define("vue", [], function () { return Vue; }); define("element-plus", [], function () { return ElementPlus; }); const NODE_ENV = import.meta.env.MODE; window.process = { env: { NODE_ENV } }; 然后单独运行子应用没有问题，但是引入到主应用后就会报define is not define

[bailicangdu]

在微前端中通过var定义的顶层变量无法泄漏为全局变量

[bailicangdu]

这里给出一种临时的解决方案：1、将js下载到本地引入 2、将var改为window定义