我正在处理一个单spa React版本5.9.4,目前它配置了react 17,但当我尝试更新到React 18时,它无法识别DOMClient的createRoot方法,DOMClient的设置如下:
react-mf-hello-world.tsx file
import React from 'react';
import * as ReactDOMClient from 'react-dom/client';
import singleSpaReact from 'single-spa-react';
import Root from './root.component';
const lifecycles = singleSpaReact({
React,
ReactDOMClient,
rootComponent: Root,
// eslint-disable-next-line @typescript-eslint/no-unused-vars
errorBoundary(err, info, props) {
// Customize the root error boundary for your microfrontend here.
return null;
},
});
export const { bootstrap, mount, unmount } = lifecycles;
这是我得到的错误:
console
- 尽管我已经配置了React 18,但它使用的是render方法,因此其行为与React 17类似。
未捕获的类型错误:应用程序“@react-mf/hello-world”在“跳过因为损坏”状态下死亡:m.createRoot不是函数
我的项目的版本依赖项:
- React18.2.0
- React域18.2.0
- 单水疗中心5.9.4
- 单样本React5.0.0
- 网络包5.75.0
任何帮助是非常感谢!
1条答案
按热度按时间7vux5j2d1#
我能够解决它!问题是我需要更新我的单一spa的根项目的cdn react版本。