umijs / umi

A framework in react community ✨
https://umijs.org
MIT License
15.39k stars 2.65k forks source link

[Bug] 基于antd pro4 的 修改umi 为 "umi": "^3.5.17",报错。 #7192

Closed xgj1988 closed 3 years ago

xgj1988 commented 3 years ago

报错信息如下,.umijs已经清空:

ERROR Failed to compile with 1 errors 下午6:03:41

error

SplitChunksPlugin Cache group "default" conflicts with existing chunk. Both have the same name "vendors" and existing chunk is not a parent of the selected modules. Use a different name for the cache group or make sure that the existing chunk is a parent (e. g. via dependsOn). HINT: You can omit "name" to automatically create a name. BREAKING CHANGE: webpack < 5 used to allow to use an entrypoint as splitChunk. This is no longer allowed when the entrypoint is not a parent of the selected modules. Remove this entrypoint and add modules to cache group's 'test' instead. If you need modules to be evaluated on startup, add them to the existing entrypoints (make them arrays). See migration guide of more info.

package内容如下: { "name": "ant-design-pro", "version": "4.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 REACT_APP_ENV=dev 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" }, "browserslist": [ "> 1%", "last 2 versions", "not ie <= 10" ], "dependencies": { "@ant-design/icons": "^4.0.0", "@ant-design/pro-layout": "6.23.1", "@ant-design/pro-table": "2.47.1", "@ant-design/pro-card": "1.13.0", "@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", "array-move": "3.0.1", "antd": "4.16.12", "bankcardinfo": "^2.0.6", "bizcharts": "^3.5.3-beta.0", "bizcharts-plugin-slider": "^2.1.1-beta.1", "braft-editor": "^2.3.9", "braft-extensions": "^0.1.1", "camel-case": "^4.1.1", "classnames": "^2.2.6", "dragm": "0.0.1", "dva": "2.6.0-beta.20", "gg-editor": "^2.0.2", "immutability-helper": "3.1.1", "linked-map": "^2.2.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.29.1", "numeral": "^2.0.6", "nzh": "^1.0.3", "omit.js": "^1.0.2", "path-to-regexp": "2.4.0", "pinyin": "2.8.3", "pluralize": "^8.0.0", "prop-types": "^15.5.10", "qqmap": "^1.0.1", "qs": "^6.9.0", "react": "^16.13.1", "react-color": "^2.19.3", "react-copy-to-clipboard": "^5.0.3", "react-dnd": "11.1.3", "react-dnd-html5-backend": "11.1.3", "react-dom": "^16.8.6", "react-fittext": "^1.0.0", "react-helmet-async": "^1.0.4", "react-sortable-hoc": "1.11.0", "react-router": "^4.3.1", "react-to-print": "^2.9.0", "umi": "^3.5.17", "umi-request": "^1.0.8", "use-merge-value": "^1.0.1", "enquire-js": "0.2.1", "react-container-query": "^0.11.0", "memoize-one": "^5.0.0", "react-document-title": "^2.0.3", "react-media": "^1.9.2", "rc-animate": "^2.6.0", "react-resizable": "2.0.0", "antd-img-crop": "3.14.1", "file-loader": "^6.2.0" }, "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", "express": "^4.17.1", "gh-pages": "^2.0.1", "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" ] }

如图: image

pccai commented 3 years ago

SplitChunksPlugin Cache group "default" conflicts with existing chunk. Both have the same name "vendors" and existing chunk is not a parent of the selected modules. Use a different name for the cache group or make sure that the existing chunk is a parent (e. g. via dependsOn). HINT: You can omit "name" to automatically create a name. BREAKING CHANGE: webpack < 5 used to allow to use an entrypoint as splitChunk. This is no longer allowed when the entrypoint is not a parent of the selected modules.
Remove this entrypoint and add modules to cache group's 'test' instead. If you need modules to be evaluated on startup, add them to the existing entrypoints (make them arrays). See migration guide of more info.

pccai commented 3 years ago

注释掉plugin.config.ts中的一个name属性就可以过: const webpackPlugin = (config: IWebpackChainConfig) => { // optimize chunks config.optimization // share the same chunks across different modules .runtimeChunk(false) .splitChunks({ chunks: 'async', //name: 'vendors', maxInitialRequests: Infinity, ......