alibaba / x-render

🚴‍♀️ 阿里 - 很易用的中后台「表单 / 表格 / 图表」解决方案
https://xrender.fun
7.04k stars 994 forks source link

[BUG] Generator 页面第二次渲染,报错Cannot have two HTML5 backends at the same time #317

Closed kala888 closed 3 years ago

kala888 commented 3 years ago

步骤1,点击111,访问 步骤2,点击Generator 步骤3,点击浏览器回退 步骤4,再次点击111 报错:

HTML5BackendImpl.js:403 Uncaught Error: Cannot have two HTML5 backends at the same time.
    at HTML5BackendImpl.setup (HTML5BackendImpl.js:403)
    at DragDropManagerImpl.handleRefCountChange (DragDropManagerImpl.js:38)
    at Object.dispatch (redux.js:222)
    at HandlerRegistryImpl.addSource (HandlerRegistryImpl.js:92)
    at registerSource (registration.js:10)
    at registerHandler (drag.js:74)
    at commitHookEffectListMount (react-dom.development.js:20573)
    at commitLifeCycles (react-dom.development.js:20634)
    at commitLayoutEffects (react-dom.development.js:23426)
    at HTMLUnknownElement.callCallback (react-dom.development.js:3945)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:3994)
    at invokeGuardedCallback (react-dom.development.js:4056)
    at commitRootImpl (react-dom.development.js:23151)
    at unstable_runWithPriority (scheduler.development.js:468)
    at runWithPriority$1 (react-dom.development.js:11276)
    at commitRoot (react-dom.development.js:22990)
    at performSyncWorkOnRoot (react-dom.development.js:22329)
    at react-dom.development.js:11327
    at unstable_runWithPriority (scheduler.development.js:468)
    at runWithPriority$1 (react-dom.development.js:11276)
    at flushSyncCallbackQueueImpl (react-dom.development.js:11322)
    at flushSyncCallbackQueue (react-dom.development.js:11309)
    at scheduleUpdateOnFiber (react-dom.development.js:21893)
    at Object.enqueueSetState (react-dom.development.js:12467)
    at Router../node_modules/react/cjs/react.development.js.Component.setState (react.development.js:365)
    at Router.js:34
    at index.esm.js:268

1.依赖仓库的版本: "@ant-design/icons": "^4.5.0", "@ant-design/pro-descriptions": "^1.6.8", "@ant-design/pro-form": "^1.18.3", "@ant-design/pro-layout": "^6.15.3", "@ant-design/pro-list": "^1.5.14", "@ant-design/pro-table": "^2.30.8", "@umijs/openapi": "^1.1.14", "@umijs/plugin-openapi": "^1.2.0", "@umijs/route-utils": "^1.0.36", "antd": "^4.14.0", "classnames": "^2.2.6", "crypto-es": "^1.2.7", "form-render": "1.0.5", "fr-generator": "^1.1.0", "jwt-decode": "^3.1.2", "lodash": "^4.17.11", "moment": "^2.25.3", "omit.js": "^2.0.2", "react": "^17.0.0", "react-dev-inspector": "^1.1.1", "react-dom": "^17.0.0", "react-helmet-async": "^1.0.4", "table-render": "1.0.3", "umi": "^3.4.0", "umi-request": "^1.0.8"

import { Link } from '@umijs/preset-dumi/lib/theme'

export default () => {

  return (
    <div>
      <Link to="/page-designer/111">111</Link>
    </div>
  )
};
import Generator from 'fr-generator'

const PageDesignerPage = () => {
  return (
    <Generator />
  )
}
export default PageDesignerPage
FateRiddle commented 3 years ago

这个问题是react-dnd引入的,在一个dumi文档里写了多个例子就会报这个错。暂时没有很好解法。