diff --git a/src/components/common/AppLoading.vue b/src/components/common/AppLoading.vue
index acdf796..4e40190 100644
--- a/src/components/common/AppLoading.vue
+++ b/src/components/common/AppLoading.vue
@@ -2,34 +2,36 @@
 </script>
 
 <template>
-  <div id="loading-container">
-    <div class="boxes">
-      <div class="box">
-        <div />
-        <div />
-        <div />
-        <div />
-      </div>
-      <div class="box">
-        <div />
-        <div />
-        <div />
-        <div />
-      </div>
-      <div class="box">
-        <div />
-        <div />
-        <div />
-        <div />
-      </div>
-      <div class="box">
-        <div />
-        <div />
-        <div />
-        <div />
+  <naive-provider>
+    <div id="loading-container">
+      <div class="boxes">
+        <div class="box">
+          <div />
+          <div />
+          <div />
+          <div />
+        </div>
+        <div class="box">
+          <div />
+          <div />
+          <div />
+          <div />
+        </div>
+        <div class="box">
+          <div />
+          <div />
+          <div />
+          <div />
+        </div>
+        <div class="box">
+          <div />
+          <div />
+          <div />
+          <div />
+        </div>
       </div>
     </div>
-  </div>
+  </naive-provider>
 </template>
 
 <style scoped>
diff --git a/src/store/router/index.ts b/src/store/router/index.ts
index 80a2663..edc6e57 100644
--- a/src/store/router/index.ts
+++ b/src/store/router/index.ts
@@ -66,12 +66,7 @@ export const useRouteStore = defineStore('route-store', {
       // Initialize route information
       const rowRoutes = await this.initRouteInfo()
       if (!rowRoutes) {
-        // Check if the message variable is defined
-        if (window.$message)
-          window.$message.error($t(`app.getRouteError`))
-        else
-          throw new Error($t(`app.getRouteError`))
-
+        window.$message.error($t(`app.getRouteError`))
         return
       }
       this.rowRoutes = rowRoutes