Closed gitchong closed 4 years ago
使用 create-umi 选择 ant design pro ,项目启动，选择dashboard分析页菜单，报如下错误： × TypeError: Cannot read property 'RangePicker' of undefined Module../src/pages/dashboard/analysis/components/SalesCard.jsx ./src/pages/dashboard/analysis/components/SalesCard.jsx:8 5 | import { Bar } from './Charts'; 6 | import styles from '../style.less'; 7 |
8 | const { RangePicker } = DatePicker; 9 | const { TabPane } = Tabs; 10 | const rankingListData = []; 11 |
{ "name": "ant-design-pro", "version": "1.0.0", "private": true, "description": "An out-of-box UI solution for enterprise applications", "scripts": { "analyze": "cross-env ANALYZE=1 umi build", "build": "umi build", "deploy": "npm run site && npm run gh-pages", "dev": "npm run start:dev", "fetch:blocks": "pro fetch-blocks --branch=umi@3 && npm run prettier", "gh-pages": "cp CNAME ./dist/ && gh-pages -d dist", "i18n-remove": "pro i18n-remove --locale=zh-CN --write", "postinstall": "umi g tmp", "lint": "umi g tmp && npm run lint:js && npm run lint:style && npm run lint:prettier", "lint-staged": "lint-staged", "lint-staged:js": "eslint --ext .js,.jsx,.ts,.tsx ", "lint:fix": "eslint --fix --cache --ext .js,.jsx,.ts,.tsx --format=pretty ./src && npm run lint:style", "lint:js": "eslint --cache --ext .js,.jsx,.ts,.tsx --format=pretty ./src", "lint:prettier": "prettier --check \"/*\" --end-of-line auto", "lint:style": "stylelint --fix \"src/*/.less\" --syntax less", "prettier": "prettier -c --write \"/*\"", "start": "umi dev", "start:dev": "cross-env REACT_APP_ENV=dev MOCK=none umi dev", "start:no-mock": "cross-env MOCK=none umi dev", "start:no-ui": "cross-env UMI_UI=none umi dev", "start:pre": "cross-env REACT_APP_ENV=pre umi dev", "start:test": "cross-env REACT_APP_ENV=test MOCK=none umi dev", "pretest": "node ./tests/beforeTest", "test": "umi test", "test:all": "node ./tests/run-tests.js", "test:component": "umi test ./src/components", "tsc": "tsc" }, "husky": { "hooks": { "pre-commit": "npm run lint-staged" } }, "lint-staged": { "/*.less": "stylelint --syntax less", "*/.{js,jsx,ts,tsx}": "npm run lint-staged:js", "/*.{js,jsx,tsx,ts,less,md,json}": [ "prettier --write" ] }, "browserslist": [ "> 1%", "last 2 versions", "not ie <= 10" ], "dependencies": { "@ant-design/icons": "^4.0.0", "@ant-design/pro-layout": "^5.0.8", "@ant-design/pro-table": "^2.1.11", "@antv/data-set": "^0.11.0", "@antv/l7": "^2.0.0", "@antv/l7-maps": "^2.0.0", "@types/lodash.debounce": "^4.0.6", "@types/lodash.isequal": "^4.5.5", "antd": "^4.0.0", "bizcharts": "^3.5.3-beta.0", "bizcharts-plugin-slider": "^2.1.1-beta.1", "classnames": "^2.2.6", "dva": "^2.4.0", "gg-editor": "^2.0.2", "lodash": "^4.17.11", "lodash-decorators": "^6.0.0", "lodash.debounce": "^4.0.8", "lodash.isequal": "^4.5.0", "mockjs": "^1.0.1-beta3", "moment": "^2.24.0", "numeral": "^2.0.6", "nzh": "^1.0.3", "omit.js": "^1.0.2", "path-to-regexp": "2.4.0", "prop-types": "^15.5.10", "qs": "^6.9.0", "react": "^16.8.6", "react-dom": "^16.8.6", "react-fittext": "^1.0.0", "react-helmet-async": "^1.0.4", "react-router": "^4.3.1", "umi": "^3.0.14", "umi-request": "^1.0.8", "use-merge-value": "^1.0.1" }, "devDependencies": { "@ant-design/pro-cli": "^1.0.18", "@types/classnames": "^2.2.7", "@types/express": "^4.17.0", "@types/history": "^4.7.2", "@types/jest": "^25.1.0", "@types/lodash": "^4.14.144", "@types/qs": "^6.5.3", "@types/react": "^16.9.17", "@types/react-dom": "^16.8.4", "@types/react-helmet": "^5.0.13", "@umijs/fabric": "^2.0.5", "@umijs/plugin-blocks": "^2.0.5", "@umijs/preset-ant-design-pro": "^1.0.1", "@umijs/preset-react": "^1.4.8", "@umijs/preset-ui": "^2.0.9", "carlo": "^0.9.46", "chalk": "^4.0.0", "cross-env": "^7.0.0", "cross-port-killer": "^1.1.1", "detect-installer": "^1.0.1", "enzyme": "^3.11.0", "eslint": "^6.8.0", "express": "^4.17.1", "gh-pages": "^2.0.1", "husky": "^4.0.7", "jsdom-global": "^3.0.2", "lint-staged": "^10.0.0", "mockjs": "^1.0.1-beta3", "prettier": "^2.0.1", "pro-download": "1.0.1", "puppeteer-core": "^2.1.1", "stylelint": "^13.0.0" }, "engines": { "node": ">=10.0.0" }, "checkFiles": [ "src//.js", "src//.ts", "src/*/.less", "config//.js", "scripts//*.js" ] }
尝试安装 antd@4 的依赖
chenshuai2144
commented
4 years ago chenshuai2144
commented
4 years ago
🐛 bug 描述
使用 create-umi 选择 ant design pro ,项目启动，选择dashboard分析页菜单，报如下错误： × TypeError: Cannot read property 'RangePicker' of undefined Module../src/pages/dashboard/analysis/components/SalesCard.jsx ./src/pages/dashboard/analysis/components/SalesCard.jsx:8 5 | import { Bar } from './Charts'; 6 | import styles from '../style.less'; 7 |
package.json
{ "name": "ant-design-pro", "version": "1.0.0", "private": true, "description": "An out-of-box UI solution for enterprise applications", "scripts": { "analyze": "cross-env ANALYZE=1 umi build", "build": "umi build", "deploy": "npm run site && npm run gh-pages", "dev": "npm run start:dev", "fetch:blocks": "pro fetch-blocks --branch=umi@3 && npm run prettier", "gh-pages": "cp CNAME ./dist/ && gh-pages -d dist", "i18n-remove": "pro i18n-remove --locale=zh-CN --write", "postinstall": "umi g tmp", "lint": "umi g tmp && npm run lint:js && npm run lint:style && npm run lint:prettier", "lint-staged": "lint-staged", "lint-staged:js": "eslint --ext .js,.jsx,.ts,.tsx ", "lint:fix": "eslint --fix --cache --ext .js,.jsx,.ts,.tsx --format=pretty ./src && npm run lint:style", "lint:js": "eslint --cache --ext .js,.jsx,.ts,.tsx --format=pretty ./src", "lint:prettier": "prettier --check \"/*\" --end-of-line auto", "lint:style": "stylelint --fix \"src/*/.less\" --syntax less", "prettier": "prettier -c --write \"/*\"", "start": "umi dev", "start:dev": "cross-env REACT_APP_ENV=dev MOCK=none umi dev", "start:no-mock": "cross-env MOCK=none umi dev", "start:no-ui": "cross-env UMI_UI=none umi dev", "start:pre": "cross-env REACT_APP_ENV=pre umi dev", "start:test": "cross-env REACT_APP_ENV=test MOCK=none umi dev", "pretest": "node ./tests/beforeTest", "test": "umi test", "test:all": "node ./tests/run-tests.js", "test:component": "umi test ./src/components", "tsc": "tsc" }, "husky": { "hooks": { "pre-commit": "npm run lint-staged" } }, "lint-staged": { "/*.less": "stylelint --syntax less", "*/.{js,jsx,ts,tsx}": "npm run lint-staged:js", "/*.{js,jsx,tsx,ts,less,md,json}": [ "prettier --write" ] }, "browserslist": [ "> 1%", "last 2 versions", "not ie <= 10" ], "dependencies": { "@ant-design/icons": "^4.0.0", "@ant-design/pro-layout": "^5.0.8", "@ant-design/pro-table": "^2.1.11", "@antv/data-set": "^0.11.0", "@antv/l7": "^2.0.0", "@antv/l7-maps": "^2.0.0", "@types/lodash.debounce": "^4.0.6", "@types/lodash.isequal": "^4.5.5", "antd": "^4.0.0", "bizcharts": "^3.5.3-beta.0", "bizcharts-plugin-slider": "^2.1.1-beta.1", "classnames": "^2.2.6", "dva": "^2.4.0", "gg-editor": "^2.0.2", "lodash": "^4.17.11", "lodash-decorators": "^6.0.0", "lodash.debounce": "^4.0.8", "lodash.isequal": "^4.5.0", "mockjs": "^1.0.1-beta3", "moment": "^2.24.0", "numeral": "^2.0.6", "nzh": "^1.0.3", "omit.js": "^1.0.2", "path-to-regexp": "2.4.0", "prop-types": "^15.5.10", "qs": "^6.9.0", "react": "^16.8.6", "react-dom": "^16.8.6", "react-fittext": "^1.0.0", "react-helmet-async": "^1.0.4", "react-router": "^4.3.1", "umi": "^3.0.14", "umi-request": "^1.0.8", "use-merge-value": "^1.0.1" }, "devDependencies": { "@ant-design/pro-cli": "^1.0.18", "@types/classnames": "^2.2.7", "@types/express": "^4.17.0", "@types/history": "^4.7.2", "@types/jest": "^25.1.0", "@types/lodash": "^4.14.144", "@types/qs": "^6.5.3", "@types/react": "^16.9.17", "@types/react-dom": "^16.8.4", "@types/react-helmet": "^5.0.13", "@umijs/fabric": "^2.0.5", "@umijs/plugin-blocks": "^2.0.5", "@umijs/preset-ant-design-pro": "^1.0.1", "@umijs/preset-react": "^1.4.8", "@umijs/preset-ui": "^2.0.9", "carlo": "^0.9.46", "chalk": "^4.0.0", "cross-env": "^7.0.0", "cross-port-killer": "^1.1.1", "detect-installer": "^1.0.1", "enzyme": "^3.11.0", "eslint": "^6.8.0", "express": "^4.17.1", "gh-pages": "^2.0.1", "husky": "^4.0.7", "jsdom-global": "^3.0.2", "lint-staged": "^10.0.0", "mockjs": "^1.0.1-beta3", "prettier": "^2.0.1", "pro-download": "1.0.1", "puppeteer-core": "^2.1.1", "stylelint": "^13.0.0" }, "engines": { "node": ">=10.0.0" }, "checkFiles": [ "src//.js", "src//.ts", "src/*/.less", "config//.js", "scripts//*.js" ] }
📷 复现步骤
🏞 期望结果
💻 复现代码
© 版本信息
🚑 其他信息