diff --git a/extensions/dataease-extensions-view/view-3dpie/view-3dpie-frontend/.babelrc b/extensions/dataease-extensions-view/view-3dpie/view-3dpie-frontend/.babelrc
index 3a280ba34b..ea629d351c 100644
--- a/extensions/dataease-extensions-view/view-3dpie/view-3dpie-frontend/.babelrc
+++ b/extensions/dataease-extensions-view/view-3dpie/view-3dpie-frontend/.babelrc
@@ -1,12 +1,4 @@
 {
-  "presets": [
-    ["env", {
-      "modules": false,
-      "targets": {
-        "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
-      }
-    }],
-    "stage-2"
-  ],
-  "plugins": ["transform-vue-jsx", "transform-runtime"]
+  "presets": ["@babel/preset-env"],
+  "plugins": ["@babel/plugin-transform-runtime", "@babel/plugin-proposal-optional-chaining", "@babel/plugin-proposal-object-rest-spread"]
 }
diff --git a/extensions/dataease-extensions-view/view-3dpie/view-3dpie-frontend/package.json b/extensions/dataease-extensions-view/view-3dpie/view-3dpie-frontend/package.json
index 2fd98cc1aa..b94462387c 100644
--- a/extensions/dataease-extensions-view/view-3dpie/view-3dpie-frontend/package.json
+++ b/extensions/dataease-extensions-view/view-3dpie/view-3dpie-frontend/package.json
@@ -11,6 +11,8 @@
     "buildPlugin": "node build/build-async-plugins.js"
   },
   "dependencies": {
+    "@babel/polyfill": "^7.12.1",
+    "@babel/runtime": "^7.18.9",
     "@riophae/vue-treeselect": "0.4.0",
     "highcharts": "^10.0.0",
     "vue": "^2.5.2",
@@ -21,14 +23,12 @@
   },
   "devDependencies": {
     "autoprefixer": "^7.1.2",
-    "babel-core": "^6.22.1",
-    "babel-helper-vue-jsx-merge-props": "^2.0.3",
-    "babel-loader": "^7.1.1",
-    "babel-plugin-syntax-jsx": "^6.18.0",
-    "babel-plugin-transform-runtime": "^6.22.0",
-    "babel-plugin-transform-vue-jsx": "^3.5.0",
-    "babel-preset-env": "^1.3.2",
-    "babel-preset-stage-2": "^6.22.0",
+    "@babel/core": "^7.6.4",
+    "@babel/plugin-proposal-object-rest-spread": "^7.18.9",
+    "@babel/plugin-proposal-optional-chaining": "^7.18.6",
+    "@babel/plugin-transform-runtime": "^7.6.2",
+    "@babel/preset-env": "^7.6.3",
+    "babel-loader": "^8.0.6",
     "chalk": "^2.0.1",
     "copy-webpack-plugin": "^4.6.0",
     "css-loader": "^0.28.0",