旧项目运行he-tree依赖报错 he-tree 使用2.9.4

[BreezeNature]

error in ./node_modules/helper-js/dist/index.esm.js

Module parse failed: Unexpected token (1021:11)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. Se
e https://webpack.js.org/concepts#loaders
| let opt = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
| const r = findInfoInTreeData(obj, handler, opt);

return r?.node;
| }
| function cloneTreeData(root, options) {

@ ./node_modules/@he-tree/dnd-utils/dist/index.cjs.js 11:9-29
@ ./node_modules/@he-tree/vue/dist/v2/index.mjs
@ ./node_modules/@he-tree/vue/vue2/index.mjs
@ ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cj
s.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/DragTree/index.vue?vue&type=script&lang
=js
@ ./src/components/DragTree/index.vue?vue&type=script&lang=js
@ ./src/components/DragTree/index.vue
@ ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cj
s.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/smartControl/quickManagerView.vue?vue&type=s
cript&lang=js
@ ./src/views/smartControl/quickManagerView.vue?vue&type=script&lang=js
@ ./src/views/smartControl/quickManagerView.vue
@ ./src lazy ^./views.*$ namespace object
@ ./src/router/generator-routers.js
@ ./src/store/modules/async-router.js
@ ./src/store/index.js
@ ./src/main.js
@ multi (webpack)-dev-server/client?http://192.168.35.79:8000&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/ma
in.js

error in ./node_modules/helper-js/dist/index.cjs.js

Module parse failed: Unexpected token (1025:11)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. Se
e https://webpack.js.org/concepts#loaders
| let opt = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
| const r = findInfoInTreeData(obj, handler, opt);

return r?.node;
| }
| function cloneTreeData(root, options) {

@ ./node_modules/@he-tree/vue/dist/v2/index.mjs 2:0-31 3:0-47 348:14-27 355:10-22 547:15-38 560:13-36 576:19-31 577:16-2
1 609:16-30 609:39-51 612:16-28 614:16-26 619:16-28 622:16-26 688:18-32 710:13-25 713:18-23 715:20-34 717:19-42 722:39-54
724:22-45 728:21-44 729:26-41 729:126-141 729:223-238 731:25-40 750:28-40 799:18-32 838:49-63 859:53-68 939:0-948:2
@ ./node_modules/@he-tree/vue/vue2/index.mjs
@ ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cj
s.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/DragTree/index.vue?vue&type=script&lang
=js
@ ./src/components/DragTree/index.vue?vue&type=script&lang=js
@ ./src/components/DragTree/index.vue
@ ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cj
s.js??ref--1-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/smartControl/quickManagerView.vue?vue&type=s
cript&lang=js
@ ./src/views/smartControl/quickManagerView.vue?vue&type=script&lang=js
@ ./src/views/smartControl/quickManagerView.vue
@ ./src lazy ^./views.*$ namespace object
@ ./src/router/generator-routers.js
@ ./src/store/modules/async-router.js
@ ./src/store/index.js
@ ./src/main.js
@ multi (webpack)-dev-server/client?http://192.168.35.79:8000&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

[phphe]

看样子是helper-js 打包的esm文件里“r?.node;”使用的语法“?.”你的环境不支持，可能需要配置webpack把helper-js提前处理一下。

[BreezeNature]

"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"test:unit": "vue-cli-service test:unit",
"lint": "vue-cli-service lint",
"build:test": "vue-cli-service build --mode test",
"build:preview": "vue-cli-service build --mode preview",
"build:preview_global": "vue-cli-service build --mode preview_global",
"build:global": "vue-cli-service build --mode global",
"lint:nofix": "vue-cli-service lint --no-fix"
},
"dependencies": {
"@amap/amap-jsapi-loader": "^1.0.1",
"@ant-design-vue/pro-layout": "^1.0.1",
"@antv/data-set": "^0.10.2",
"@antv/g2": "^4.1.2",
"@he-tree/vue": "^2.9.4",
"@jiaminghi/data-view": "^2.10.0",
"@vue/babel-helper-vue-jsx-merge-props": "^1.4.0",
"@vue/composition-api": "^1.7.2",
"ant-design-vue": "^1.7.2",
"axios": "^0.19.0",
"core-js": "^3.1.2",
"echarts": "^5.4.1",
"enquire.js": "^2.1.6",
"ezuikit-flv": "^1.0.2",
"ezuikit-js": "7.7.X",
"lodash.clonedeep": "^4.5.0",
"lodash.get": "^4.4.2",
"lodash.pick": "^4.4.0",
"md5": "^2.2.1",
"mockjs2": "1.0.8",
"moment": "^2.24.0",
"mqtt": "^4.2.6",
"nprogress": "^0.2.0",
"qrcode": "^1.4.4",
"qs": "^6.11.1",
"store": "^2.0.12",
"viser-vue": "^2.4.6",
"vue": "2.6.10",
"vue-clipboard2": "^0.2.1",
"vue-cropper": "0.4.9",
"vue-i18n": "^8.17.4",
"vue-qr": "^3.2.0",
"vue-quill-editor": "^3.0.6",
"vue-router": "^3.1.2",
"vue-slicksort": "^1.2.0",
"vue-svg-component-runtime": "^1.0.1",
"vue-waterfall2": "^1.10.1",
"vuex": "^3.1.1",
"wangeditor": "^3.1.1"
},
"devDependencies": {
"@ant-design/colors": "^3.2.1",
"@vue/cli-plugin-babel": "^4.0.4",
"@vue/cli-plugin-eslint": "^4.0.4",
"@vue/cli-plugin-router": "^4.0.4",
"@vue/cli-plugin-unit-jest": "^4.0.4",
"@vue/cli-plugin-vuex": "^4.0.4",
"@vue/cli-service": "^4.5.19",
"@vue/eslint-config-standard": "^4.0.0",
"@vue/test-utils": "^1.0.0-beta.29",
"babel-eslint": "^10.0.1",
"babel-plugin-import": "^1.12.2",
"babel-plugin-transform-remove-console": "^6.9.4",
"eslint": "^5.16.0",
"eslint-config-prettier": "^6.15.0",
"eslint-plugin-html": "^5.0.0",
"eslint-plugin-prettier": "^3.4.1",
"eslint-plugin-vue": "^5.2.3",
"git-revision-webpack-plugin": "^3.0.6",
"less": "^3.0.4",
"less-loader": "^5.0.0",
"opencollective": "^1.0.3",
"opencollective-postinstall": "^2.0.2",
"vue-loader": "^17.4.2",
"vue-svg-icon-loader": "^2.1.1",
"vue-template-compiler": "^2.6.10",
"webpack": "^4.46.0",
"webpack-theme-color-replacer": "^1.3.12"
}, 如何进行配置，这是现在的package.json的文件

[phphe]

我也不会

[BreezeNature]

2:修改babel.config.js module.exports = {
presets: [
'@vue/cli-plugin-babel/preset',
[
'@babel/preset-env',
{
useBuiltIns: 'entry',
corejs: 3
}
]
],
plugins: [
...plugins, // 保留现有插件
'@babel/plugin-proposal-optional-chaining' // 添加可选链插件
]
} 3：安装插件npm install @babel/plugin-proposal-optional-chaining --save-dev 4：删除node_modules package-lock.json文件5：npm install重新安装依赖就可以了

[BreezeNature]

上述第一步为：1.修改vue.config.js module.exports = {
...vueConfig, // 保留现有配置
transpileDependencies: [
'helper-js', // 添加需要转译的依赖
'@he-tree' // 如果 @he-tree 也有类似问题，可以一并添加
]
}