Skip to content

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

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
BreezeNature opened this issue Apr 11, 2025 · 5 comments
Closed

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

BreezeNature opened this issue Apr 11, 2025 · 5 comments

Comments

@BreezeNature
Copy link

BreezeNature commented Apr 11, 2025

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

@BreezeNature BreezeNature changed the title 旧项目运行报错 使用的vue 2.6 旧项目运行he-tree依赖报错 he-tree 使用2.9.4 Apr 11, 2025
@phphe
Copy link
Owner

phphe commented Apr 15, 2025

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

@BreezeNature
Copy link
Author

"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
Copy link
Owner

phphe commented Apr 16, 2025

我也不会

@BreezeNature
Copy link
Author

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
Copy link
Author

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants