update to version 18.3.4 ,yarn start error

[avisajn]

@tnrich

Hello, I want to use the function of creating alignment, so I upgraded from 17.7.14 to 18.3.4, but my react project reported an error，How to solve it

Failed to compile.

./node_modules/@hello-pangea/dnd/dist/dnd.esm.js 4356:31 Module parse failed: Unexpected token (4356:31) File was processed with these loaders:

• ./node_modules/babel-loader/lib/index.js You may need an additional loader to handle the result of these loaders. | return Array.from(parentNode.querySelectorAll(selector)); | }

  var getWindowFromEl = el => el?.ownerDocument?.defaultView || window; | function isHtmlElement(el) { | return el instanceof getWindowFromEl(el).HTMLElement; [..................] - : timing config:load:flatten Completed in 2ms

this is package.json alittle , babel-loader must be in version 8.x

{ "dependencies": { "@babel/core": "7.22.8", "babel-loader": "8.1.0", "react": "^17.0.2", "typescript": "^4.8.4", "url-loader": "4.1.1", "webpack": "4.44.2", },

"devDependencies": { "ahooks": "^3.7.2", "dotenv-cli": "^6.0.0", "http-proxy-middleware": "^2.0.6", "jwt-decode": "^3.1.2", "lint-staged": ">=10", "localStorage": "^1.0.4", "prettier": "2.7.1", "react-error-overlay": "^6.0.9", "react-infinite-scroll-component": "^6.1.0" }, }

[tnrich]

Hi @avisajn what are you using to bundle/serve your app? Do you have a link to a repo you can share?

Looks like your bundler is not expecting to see the ?. syntax.

[avisajn]

@tnrich I use "open-vector-editor": "18.0.0" is normal, when using 18.3.4, this error occurs. Sorry, I don't have a warehouse address to send out, this is my dependency you can see this is package.json

"dependencies": { "@ant-design/icons": "^4.7.0", "@antv/x6": "^1.34.5", "@babel/core": "7.22.8", "@commitlint/cli": "^17.2.0", "@commitlint/config-conventional": "^17.2.0", "@logicflow/core": "1.2.0-next.2", "@logicflow/extension": "1.2.0-next.2", "@pmmmwh/react-refresh-webpack-plugin": "0.4.3", "@redux-devtools/extension": "^3.2.3", "@svgr/webpack": "5.5.0", "@teselagen/bio-parsers": "^0.1.18", "@testing-library/jest-dom": "^5.15.0", "@testing-library/react": "^12.1.2", "@testing-library/user-event": "^13.5.0", "@tinymce/tinymce-react": "^4.2.0", "@types/jest": "^29.2.1", "@types/node": "^18.11.9", "@types/react": "^18.0.24", "@types/react-dom": "^18.0.8", "@types/react-redux": "^7.1.24", "@types/redux-form": "^8.3.5", "@typescript-eslint/eslint-plugin": "^5.42.1", "@typescript-eslint/parser": "^5.42.1", "ahooks": "^3.7.2", "antd": "^4.24.0", "axios": "1.1.3", "babel-eslint": "^10.1.0", "babel-jest": "^26.6.0", "babel-loader": "8.1.0", "babel-plugin-named-asset-import": "^0.3.7", "babel-preset-react-app": "^10.0.0", "bfj": "^7.0.2", "camelcase": "^6.1.0", "case-sensitive-paths-webpack-plugin": "2.3.0", "css-loader": "4.3.0", "dotenv": "8.2.0", "dotenv-expand": "5.1.0", "eslint": "^8.27.0", "eslint-config-prettier": "^8.5.0", "eslint-config-react-app": "^6.0.0", "eslint-plugin-flowtype": "^5.2.0", "eslint-plugin-import": "^2.22.1", "eslint-plugin-jest": "^24.1.0", "eslint-plugin-jsx-a11y": "^6.3.1", "eslint-plugin-react": "^7.31.10", "eslint-plugin-react-hooks": "^4.2.0", "eslint-plugin-testing-library": "^3.9.2", "eslint-webpack-plugin": "^2.5.2", "file-loader": "6.1.1", "fs-extra": "^9.0.1", "html-webpack-plugin": "4.5.0", "husky": ">=6", "identity-obj-proxy": "3.0.0", "jest": "26.6.0", "jest-circus": "26.6.0", "jest-resolve": "26.6.0", "jest-watch-typeahead": "0.6.1", "lark-token": "1.0.14", "less": "^4.1.3", "less-loader": "7.3.0", "mini-css-extract-plugin": "0.11.3", "open-vector-editor": "18.0.0", "optimize-css-assets-webpack-plugin": "5.0.4", "pnp-webpack-plugin": "1.6.4", "postcss-flexbugs-fixes": "4.2.1", "postcss-loader": "3.0.0", "postcss-normalize": "8.0.1", "postcss-preset-env": "6.7.0", "postcss-safe-parser": "5.0.2", "prompts": "2.4.0", "re-resizable": "^6.9.9", "react": "^17.0.2", "react-app-polyfill": "^2.0.0", "react-beautiful-dnd": "^13.1.1", "react-color": "^2.19.3", "react-dev-utils": "^11.0.3", "react-dom": "^17.0.2", "react-refresh": "^0.8.3", "react-router-dom": "^6.4.2", "react-use-websocket": "3.0.0", "resolve": "1.18.1", "resolve-url-loader": "^3.1.2", "sass-loader": "^10.0.5", "semver": "7.3.2", "style-loader": "1.3.0", "terser-webpack-plugin": "4.2.3", "ts-pnp": "1.2.0", "typescript": "^4.8.4", "url-loader": "4.1.1", "webpack": "4.44.2", "webpack-dev-server": "3.11.1", "webpack-manifest-plugin": "2.2.0", "workbox-webpack-plugin": "5.1.4" },