reactjs 我将单人水疗中心更新为React 18时出错

neekobn8  于 2023-02-18  发布在  React
关注(0)|答案(1)|浏览(115)

我正在处理一个单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

任何帮助是非常感谢!

7vux5j2d

7vux5j2d1#

我能够解决它!问题是我需要更新我的单一spa的根项目的cdn react版本。

相关问题