修改引入bug和版本更新

package-lock.json

@@ -26,7 +26,8 @@
       "devDependencies": {
         "@types/three": "^0.161.0",
         "@vitejs/plugin-vue": "^4.1.0",
-        "sass": "^1.62.1",
+        "sass": "^1.86.3",
+        "sass-loader": "^16.0.5",
         "vite": "^4.3.2"
       }
     },
@@ -1211,6 +1212,13 @@
         "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
       }
     },
+    "node_modules/neo-async": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
+      "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/node-addon-api": {
       "version": "7.1.1",
       "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz",
@@ -1343,6 +1351,47 @@
         "@parcel/watcher": "^2.4.1"
       }
     },
+    "node_modules/sass-loader": {
+      "version": "16.0.5",
+      "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-16.0.5.tgz",
+      "integrity": "sha512-oL+CMBXrj6BZ/zOq4os+UECPL+bWqt6OAC6DWS8Ln8GZRcMDjlJ4JC3FBDuHJdYaFWIdKNIBYmtZtK2MaMkNIw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "neo-async": "^2.6.2"
+      },
+      "engines": {
+        "node": ">= 18.12.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "@rspack/core": "0.x || 1.x",
+        "node-sass": "^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0 || ^9.0.0",
+        "sass": "^1.3.0",
+        "sass-embedded": "*",
+        "webpack": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@rspack/core": {
+          "optional": true
+        },
+        "node-sass": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "sass-embedded": {
+          "optional": true
+        },
+        "webpack": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/source-map-js": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",

package.json

@@ -27,7 +27,8 @@
   "devDependencies": {
     "@types/three": "^0.161.0",
     "@vitejs/plugin-vue": "^4.1.0",
-    "sass": "^1.62.1",
+    "sass": "^1.86.3",
+    "sass-loader": "^16.0.5",
     "vite": "^4.3.2"
   }
 }

src/assets/style/home.scss

-@import "./font.scss";
+@use "./font.scss";
 body {
   font-family: "SourceHanSansCN", "-apple-system", "BlinkMacSystemFont", "Helvetica Neue", Helvetica, "Segoe UI",
     "Arial", "Roboto", "PingFang SC", "miui", "Hiragino Sans GB", "Microsoft Yahei", sans-serif;

src/views/gdMap/index.vue

@@ -285,7 +285,7 @@ function handleMapPlayComplete() {
 </script>
 
 <style lang="scss">
-@import "~@/assets/style/home.scss";
+@use "~@/assets/style/home.scss";
 .m-header-weather,
 .m-header-date {
   span {