🐛 [BUG] 无法和D3.JS一起使用

[ZhaoFxxkSky]

🐛 bug 描述

引入d3js，并且使用d3.select("body")就会报错

🚑 其他信息

"dependencies": { "@ant-design/icons": "^4.7.0", "@ant-design/pro-descriptions": "^1.10.0", "@ant-design/pro-form": "^1.53.0", "@ant-design/pro-layout": "^6.32.0", "@ant-design/pro-table": "^2.63.0", "@types/d3": "^7.1.0", "@umijs/route-utils": "^2.0.0", "ahooks": "^3.1.13", "antd": "^4.18.0", "babel-preset-react-app": "^10.0.1", "classnames": "^2.3.0", "d3": "^7.3.0", "echarts": "^5.3.1", "lodash": "^4.17.0", "moment": "^2.29.0", "omit.js": "^2.0.2", "rc-menu": "^9.1.0", "rc-util": "^5.16.0", "react": "^17.0.0", "react-dev-inspector": "^1.7.0", "react-dom": "^17.0.0", "react-helmet-async": "^1.2.0", "umi": "^3.5.0" }, "devDependencies": { "@ant-design/pro-cli": "^2.1.0", "@babel/runtime": "7.12.0", "@playwright/test": "^1.17.0", "@types/express": "^4.17.0", "@types/history": "^4.7.0", "@types/jest": "^26.0.0", "@types/lodash": "^4.14.0", "@types/react": "^17.0.0", "@types/react-dom": "^17.0.0", "@types/react-helmet": "^6.1.0", "@umijs/fabric": "^2.8.0", "@umijs/openapi": "^1.3.0", "@umijs/plugin-blocks": "^2.2.0", "@umijs/plugin-esbuild": "^1.4.0", "@umijs/plugin-openapi": "^1.3.0", "@umijs/preset-ant-design-pro": "^1.3.0", "@umijs/preset-dumi": "^1.1.0", "@umijs/preset-react": "^1.8.17", "@umijs/yorkie": "^2.0.5", "carlo": "^0.9.46", "cross-env": "^7.0.0", "cross-port-killer": "^1.3.0", "detect-installer": "^1.0.0", "enzyme": "^3.11.0", "eslint": "^7.32.0", "express": "^4.17.0", "gh-pages": "^3.2.0", "jsdom-global": "^3.0.0", "lint-staged": "^10.0.0", "mockjs": "^1.1.0", "prettier": "^2.5.0", "puppeteer-core": "^8.0.0", "stylelint": "^13.0.0", "swagger-ui-react": "^3.52.0", "typescript": "^4.5.0", "umi-serve": "^1.9.10" },

[chenshuai2144]

报错什么呀？猜哑谜？

[Emily-0616]

我也有同样的问题！

[chenshuai2144]

去umi 问一下，看起来是babel冲突了

[zjstudy]

我也遇到了这个问题

[oldkingnearby]

有人解决吗，同问

[oldkingnearby]

可以说是完全一样了，看来不是我一个人

[oldkingnearby]

"@types/d3": "^6.5.0",
"@types/d3-shape": "^3.0.2",
"babel-plugin-import": "^1.13.3",
"d3": "^6.5.0",
"d3-hierarchy": "^3.1.2",
"d3-shape": "^3.1.0",

把这几个替换成这几个试试，我的已经解决，试试去吧，装低版本D3就可以解决了

🐛 bug 描述

引入d3js，并且使用d3.select("body")就会报错

🚑 其他信息

"dependencies": { "@ant-design/icons": "^4.7.0", "@ant-design/pro-descriptions": "^1.10.0", "@ant-design/pro-form": "^1.53.0", "@ant-design/pro-layout": "^6.32.0", "@ant-design/pro-table": "^2.63.0", "@types/d3": "^7.1.0", "@umijs/route-utils": "^2.0.0", "ahooks": "^3.1.13", "antd": "^4.18.0", "babel-preset-react-app": "^10.0.1", "classnames": "^2.3.0", "d3": "^7.3.0", "echarts": "^5.3.1", "lodash": "^4.17.0", "moment": "^2.29.0", "omit.js": "^2.0.2", "rc-menu": "^9.1.0", "rc-util": "^5.16.0", "react": "^17.0.0", "react-dev-inspector": "^1.7.0", "react-dom": "^17.0.0", "react-helmet-async": "^1.2.0", "umi": "^3.5.0" }, "devDependencies": { "@ant-design/pro-cli": "^2.1.0", "@babel/runtime": "7.12.0", "@playwright/test": "^1.17.0", "@types/express": "^4.17.0", "@types/history": "^4.7.0", "@types/jest": "^26.0.0", "@types/lodash": "^4.14.0", "@types/react": "^17.0.0", "@types/react-dom": "^17.0.0", "@types/react-helmet": "^6.1.0", "@umijs/fabric": "^2.8.0", "@umijs/openapi": "^1.3.0", "@umijs/plugin-blocks": "^2.2.0", "@umijs/plugin-esbuild": "^1.4.0", "@umijs/plugin-openapi": "^1.3.0", "@umijs/preset-ant-design-pro": "^1.3.0", "@umijs/preset-dumi": "^1.1.0", "@umijs/preset-react": "^1.8.17", "@umijs/yorkie": "^2.0.5", "carlo": "^0.9.46", "cross-env": "^7.0.0", "cross-port-killer": "^1.3.0", "detect-installer": "^1.0.0", "enzyme": "^3.11.0", "eslint": "^7.32.0", "express": "^4.17.0", "gh-pages": "^3.2.0", "jsdom-global": "^3.0.0", "lint-staged": "^10.0.0", "mockjs": "^1.1.0", "prettier": "^2.5.0", "puppeteer-core": "^8.0.0", "stylelint": "^13.0.0", "swagger-ui-react": "^3.52.0", "typescript": "^4.5.0", "umi-serve": "^1.9.10" },

[ZhaoFxxkSky]

解决方法： config.ts 关闭mfsu 添加 chainWebpack(memo, {env, webpack, createCSSRule}) { // 设置 alias memo.module.rule('mjs-rule').test(/.m?js/).resolve.set('fullySpecified', false); },