如何解决Single-Spa: Uncaught Error: application 'app1' 在状态 UNMOUNTING: unmountComponentAtNode(...): 目标容器不是 DOM 元素时死亡
我已经使用 Single Spa 的 registerapplication 注册了 4 个 react 应用程序。当我从一个应用程序导航到另一个应用程序时,我在控制台中看到一个错误,并在浏览器上看到一个叠加层。
Uncaught Error: application 'app1' died in status UNMOUNTING: unmountComponentAtNode(...): Target container is not a DOM element.
这是我的 index.js 在注册的微应用中的样子:
function domElementGetter() {
return document.getElementById('app1-placeholder');
}
const reactLifecycles = singleSpaReact({
React,ReactDOM,rootComponent: App,domElementGetter,errorBoundary() {
return <div>This renders when a catastrophic error occurs</div>;
},});
export const { bootstrap } = reactLifecycles;
export const { mount } = reactLifecycles;
export const { unmount } = reactLifecycles;
我正在使用 SystemJS 在单个 spa-config 文件中注册我的应用程序以进行导入,如下所示:
registerapplication('app1',SystemJS.import('app1'),pathPrefix('app1'));
function pathPrefix(prefix) {
return (location) => location.href.indexOf(`${location.origin}/${prefix}`) !== -1;
}
我不知道在哪里调试这个问题。请帮忙!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。