expected Application Error! undefined is not an object (evaluating 'Context._context')

[bianbiandashen]

重现步骤

ontext@http://127.0.0.1:8080/static/js/lib-react.js:40353:16
useInternalToken@http://127.0.0.1:8080/static/js/vendors-node_modules_pnpm_ant-design_colors_7_1_0_node_modules_ant-design_colors_es_index_js--2d51ba.js:7560:62
useToken@http://127.0.0.1:8080/static/js/vendors-node_modules_pnpm_ant-design_colors_7_1_0_node_modules_ant-design_colors_es_index_js--2d51ba.js:7452:114
@http://127.0.0.1:8080/static/js/vendors-node_modules_pnpm_ant-design_colors_7_1_0_node_modules_ant-design_colors_es_index_js--2d51ba.js:918:32
@http://127.0.0.1:8080/static/js/vendors-node_modules_pnpm_ant-design_colors_7_1_0_node_modules_ant-design_colors_es_index_js--2d51ba.js:849:31
Bubble@http://127.0.0.1:8080/static/js/vendors-node_modules_pnpm_ant-design_colors_7_1_0_node_modules_ant-design_colors_es_index_js--2d51ba.js:6699:93
renderWithHooks@http://127.0.0.1:8080/static/js/lib-react.js:15492:27
updateForwardRef@http://127.0.0.1:8080/static/js/lib-react.js:19246:35
beginWork$1@http://127.0.0.1:8080/static/js/lib-react.js:27466:23
performUnitOfWork@http://127.0.0.1:8080/static/js/lib-react.js:26597:23
workLoopSync@http://127.0.0.1:8080/static/js/lib-react.js:26506:22
renderRootSync@http://127.0.0.1:8080/static/js/lib-react.js:26474:19
recoverFromConcurrentError@http://127.0.0.1:8080/static/js/lib-react.js:25890:34
performConcurrentWorkOnRoot@http://127.0.0.1:8080/static/js/lib-react.js:25790:48
workLoop@http://127.0.0.1:8080/static/js/lib-react.js:41796:42
flushWork@http://127.0.0.1:8080/static/js/lib-react.js:41769:22
performWorkUntilDeadline@http://127.0.0.1:8080/static/js/lib-react.js:42063:42
@http://127.0.0.1:8080/static/js/lib-polyfill.js:8519:12
run@http://127.0.0.1:8080/static/js/lib-polyfill.js:8493:7
eventListener@http://127.0.0.1:8080/static/js/lib-polyfill.js:8504:6

packjson：
{
"name": "@xhs/modular-webui",
"version": "3.3.19",
"main": "./dist/html/main/index.html",
"scripts": {
"reset": "npx rimraf ./**/node_modules",
"dev": "modern dev",
"build": "modern build",
"start": "modern start",
"serve": "modern serve",
"new": "modern new",
"lint": "modern lint",
"upgrade": "modern upgrade"
},
"dependencies": {
"@ant-design/icons": "^5.2.6",
"@ant-design/pro-components": "^2.7.10",
"@ant-design/x": "^1.0.0",
"@fortawesome/fontawesome-svg-core": "^6.6.0",
"@fortawesome/react-fontawesome": "^0.2.2",
"@modern-js/plugin-tailwindcss": "2.46.1",
"@modern-js/runtime": "2.46.1",
"@monaco-editor/react": "^4.6.0",
"@tauri-apps/api": "^1",
"@tauri-apps/cli": "^1.5.14",
"@uiw/react-codemirror": "^4.22.2",
"@xhs/apm-insight": "^1.1.20",
"@xhs/di": "0.1.3-beta.1",
"@xhs/launcher": "^3.24.0",
"@xhs/modular-chat": "workspace:^",
"@xhs/modular-layout": "workspace:^",
"@xhs/modular-rpc": "*",
"@xhs/module-utils": "0.1.0-beta.1",
"@xhs/react-di": "^0.1.1",
"antd": "^5.13.2",
"axios": "^1.7.2",
"codemirror": "^5.65.0",
"dayjs": "^1.11.9",
"events": "^3.3.0",
"hotkeys-js": "^3.13.7",
"js-cookie": "^3.0.5",
"lodash-es": "^4.17.21",
"mobx": "^6.13.2",
"monaco-editor": "^0.45.0",
"prop-types": "^15.8.1",
"react-codemirror2": "^7.2.1",
"react-monaco-editor": "^0.56.1",
"react-spring": "^9.7.4",
"react-transition-group": "^4.4.5",
"styled-components": "^6.1.13",
"xterm": "^5.3.0",
"xterm-addon-fit": "^0.8.0",
"@testing-library/jest-dom": "^5.17.0",
"@testing-library/react": "^13.4.0",
"@testing-library/user-event": "^13.5.0",
"@types/jest": "^27.5.2",
"@types/node": "^16.18.119",
"@types/react": "^18.3.12",
"@types/react-dom": "^18.3.1",
"react": "^18.3.1",
"react-dom": "^18.3.1",
"react-scripts": "5.0.1",
"typescript": "^4.9.5",
"web-vitals": "^2.1.4"

},
"devDependencies": {
"@babel/core": "^7.24.7",
"@babel/preset-env": "^7.24.7",
"@babel/preset-react": "^7.25.9",
"@modern-js-app/eslint-config": "2.46.1",
"@modern-js/app-tools": "2.46.1",
"@modern-js/eslint-config": "2.46.1",
"@modern-js/tsconfig": "2.46.1",
"@types/jest": "~29.2.4",
"@types/lodash-es": "^4.17.12",
"@types/node": "~16.11.7",
"@types/react": "^18.3.12",
"@types/react-dom": "^18.3.1",
"react": "^18.3.1",
"react-dom": "^18.3.1",
"react-scripts": "5.0.1",
"@xhs/react-di": "^0.1.1",
"babel-loader": "^6.4.1",
"husky": "~8.0.1",
"lint-staged": "~13.1.0",
"mobx-react-lite": "^4.0.7",
"monaco-editor-webpack-plugin": "^7.1.0",
"prettier": "~2.8.1",
"rimraf": "~3.0.2",
"tailwindcss": "~3.3.3",
"typescript": "~5.0.4"
},
"publishConfig": {
"access": "public",
"registry": "http://npm.devops.xiaohongshu.com:7001/"
}
}

当前行为

No response

预期行为

No response

上下文

No response

版本

1.0.0

您在哪些浏览器上遇到了这个问题？

No response

[bianbiandashen]

使用方式 import React from 'react';
import { Bubble } from '@ant-design/x';

const App: React.FC = () => (

);

export default App;

[bianbiandashen]

import React from 'react';
import { Bubble } from '@ant-design/x';

const App: React.FC = () => (

);

export default App;

[bianbiandashen]

No description provided.

[YumoImer]

我尝试着本地进行复现，没有发现对应的报错，具体步骤：

step1

按照上文中提供的 package.json 新建工程

由于你提供的 package.json 有类似 "@xhs/modular-chat": "workspace:^" 这样的 workspace 依赖，所以我只安装了必要的包

npx create-react-app modular-webui --template typescript
cd modular-webui

npm install @ant-design/pro-components@^2.7.10 @ant-design/x@^1.0.0
npm install antd@^5.13.2 react@^18.3.1 react-dom@^18.3.1

npm start

step2

src/App.tsx

import { Button } from 'antd';
import { ProCard } from '@ant-design/pro-components';
import { Bubble } from '@ant-design/x';

const App = () => (
  <div>
    <Button>Ant Design Button</Button>
    <Bubble content="Ant Design X Bubble" />
    <ProCard title="Ant Design Pro Card" />
  </div>
);

export default App;

结果

建议

1. 看起来可能与 React 的 Context 有关，可以检查下本地的相关依赖版本。

npm ls antd @ant-design/pro-components @ant-design/x react

2. 提供更详细的可复现途径

[WutBottle]

你本地的antd版本是不是跟antd-x所依赖的版本不一致，尝试将项目的antd版本升级高于antd-x所依赖的antd版本即可