micro-app icon indicating copy to clipboard operation
micro-app copied to clipboard

主应用中两个微应用之间使用webpack5模块联邦报错

Open cnLiuMing opened this issue 2 years ago • 4 comments

问题描述

问题的具体描述 两个微应用单独启动访问可以使用模块联邦 通过主应用访问其中一个微应用报错

复现步骤

上传截图

请上传代码截图、控制台、终端等截图以帮助我们了解您的问题。 VM6405:31

Uncaught (in promise) ScriptExternalLoadError: Loading script failed. (missing: http://localhost:10001/remoteEntry.js) while loading "./HelloWorld.vue" from webpack/container/reference/app_exposes at Object.webpack/container/reference/app_exposes (eval at runCode2Function (scripts.ts:353:26), :31:25) at webpack_require (eval at runCode2Function (scripts.ts:353:26), :73:33) at initExternal (eval at runCode2Function (scripts.ts:353:26), :383:28) at Function.webpack_require.I (eval at runCode2Function (scripts.ts:353:26), :395:15) at eval (eval at runCode2Function (scripts.ts:353:26), :884:47) at Object.webpack/sharing/consume/default/vue/vue?2b38 (eval at runCode2Function (scripts.ts:353:26), :938:81) at eval (eval at runCode2Function (scripts.ts:353:26), :969:56) at Array.forEach () at Object.webpack_require.f.consumes (eval at runCode2Function (scripts.ts:353:26), :952:36) at eval (eval at runCode2Function (scripts.ts:353:26), :188:40)

复现仓库

请提供一个精简的代码仓库,然后上传到自己的 github,以帮助我们复现您的问题。

环境信息

  • micro-app版本:
  • 主应用前端框架&版本: vue3 + vite2
  • 子应用前端框架&版本: vue3 + vue-cli4
  • 构建工具&版本:

cnLiuMing avatar May 27 '22 05:05 cnLiuMing

这个问题已经在看了

bailicangdu avatar May 27 '22 05:05 bailicangdu

这个问题已经在看了

好的,辛苦

cnLiuMing avatar May 29 '22 07:05 cnLiuMing

今天我也遇到这个问题了。就很尴尬

neostfox avatar May 31 '22 08:05 neostfox

这个问题应该是子应用的publicpath丢失了,可以固定一下子应用打包配置中的publicpath。 再加上联邦模块中的library配置 new ModuleFederationPlugin({ name: 'react18_mf2', filename: 'remoteEntry.js', library: { name: 'react18_mf2', type: 'window', }, ... }

zhouyiwan avatar Jun 14 '22 04:06 zhouyiwan

请问这个问题解决了吗? 俩个子应用可单独运行,在基座上运行A微应用 之后再运行B微应用 就报这个错 Container initialization failed as it has already been initialized with a different share scope

hengyuli avatar Oct 25 '22 09:10 hengyuli

我单独一个子应(umi4)用用webpack5 也会报错 Error: Container initialization failed as it has already been initialized with a different share scope

Kevin9703 avatar Nov 07 '22 06:11 Kevin9703

我这边也遇到了,Container initialization failed as it has already been initialized with a different share scope。请问问题有解决吗?

UNDERCOVERj avatar Nov 14 '22 05:11 UNDERCOVERj

再蹲一个,有解决了吗?

Ink-o avatar Mar 08 '23 11:03 Ink-o

同问楼上+1

baosuyaole1 avatar Jun 29 '23 09:06 baosuyaole1

@baosuyaole1 请问你解决了吗 @UNDERCOVERj

AburronKing avatar Jul 11 '23 06:07 AburronKing

并没有看了一圈貌似有很多坑  打算弄一个微件化的包  发布npm  下载使用

高级Boss` @.***

 

------------------ 原始邮件 ------------------ 发件人: "micro-zoe/micro-app" @.>; 发送时间: 2023年7月11日(星期二) 下午2:06 @.>; @.@.>; 主题: Re: [micro-zoe/micro-app] 主应用中两个微应用之间使用webpack5模块联邦报错 (Issue #410)

@baosuyaole1 请问你解决了吗 @UNDERCOVERj

— Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you were mentioned.Message ID: @.***>

baosuyaole1 avatar Jul 14 '23 08:07 baosuyaole1