diff --git a/web/src/components/common/CodeEditor.vue b/web/src/components/common/CodeEditor.vue
index e01d788646..03546bb8ba 100644
--- a/web/src/components/common/CodeEditor.vue
+++ b/web/src/components/common/CodeEditor.vue
@@ -4,8 +4,14 @@ import { languageByPath } from '@/utils/file'
 import Editor from '@guolao/vue-monaco-editor'
 
 const props = defineProps({
-  path: String,
-  readOnly: Boolean
+  path: {
+    type: String,
+    required: true
+  },
+  readOnly: {
+    type: Boolean,
+    required: true
+  }
 })
 
 const disabled = ref(false) // 在出现错误的情况下禁用保存
@@ -13,7 +19,7 @@ const data = ref('')
 
 const get = async () => {
   await file
-    .content(props.path!)
+    .content(props.path)
     .then((res) => {
       data.value = res.data
       window.$message.success('获取成功')
@@ -28,7 +34,7 @@ const save = async () => {
     window.$message.error('当前状态下不可保存')
     return
   }
-  await file.save(props.path!, data.value)
+  await file.save(props.path, data.value)
   window.$message.success('保存成功')
 }
 
@@ -45,7 +51,7 @@ defineExpose({
 <template>
   <Editor
     v-model:value="data"
-    :language="languageByPath(props.path!)"
+    :language="languageByPath(props.path)"
     theme="vs-dark"
     height="60vh"
     :options="{
diff --git a/web/src/components/common/RealtimeLog.vue b/web/src/components/common/RealtimeLog.vue
index bf3129fd94..4efbd5fcdb 100644
--- a/web/src/components/common/RealtimeLog.vue
+++ b/web/src/components/common/RealtimeLog.vue
@@ -3,7 +3,10 @@ import ws from '@/api/ws'
 import type { LogInst } from 'naive-ui'
 
 const props = defineProps({
-  path: String
+  path: {
+    type: String,
+    required: true
+  }
 })
 
 const log = ref('')
diff --git a/web/src/components/common/RealtimeLogModal.vue b/web/src/components/common/RealtimeLogModal.vue
index 77e0c56cfb..d36629a97c 100644
--- a/web/src/components/common/RealtimeLogModal.vue
+++ b/web/src/components/common/RealtimeLogModal.vue
@@ -4,7 +4,10 @@ import type { LogInst } from 'naive-ui'
 
 const show = defineModel<boolean>('show', { type: Boolean, required: true })
 const props = defineProps({
-  path: String
+  path: {
+    type: String,
+    required: true
+  }
 })
 
 const log = ref('')
diff --git a/web/src/views/apps/php/PhpView.vue b/web/src/views/apps/php/PhpView.vue
index 1eb39a976d..f5ec2982ea 100644
--- a/web/src/views/apps/php/PhpView.vue
+++ b/web/src/views/apps/php/PhpView.vue
@@ -7,7 +7,10 @@ import systemctl from '@/api/panel/systemctl'
 import { renderIcon } from '@/utils'
 
 const props = defineProps({
-  version: Number
+  version: {
+    type: Number,
+    required: true
+  }
 })
 
 const { version } = toRefs(props)
diff --git a/web/src/views/cert/AccountView.vue b/web/src/views/cert/AccountView.vue
index f083ef10ef..ea459dc4bb 100644
--- a/web/src/views/cert/AccountView.vue
+++ b/web/src/views/cert/AccountView.vue
@@ -13,8 +13,14 @@ import cert from '@/api/panel/cert'
 import type { Account } from '@/views/cert/types'
 
 const props = defineProps({
-  caProviders: Array<any>,
-  algorithms: Array<any>
+  caProviders: {
+    type: Array<any>,
+    required: true
+  },
+  algorithms: {
+    type: Array<any>,
+    required: true
+  }
 })
 
 const { caProviders, algorithms } = toRefs(props)
@@ -54,7 +60,7 @@ const columns: any = [
         },
         {
           default: () => {
-            return caProviders?.value?.find((item: any) => item.value === row.ca)?.label
+            return caProviders.value?.find((item: any) => item.value === row.ca)?.label
           }
         }
       )
diff --git a/web/src/views/cert/CertView.vue b/web/src/views/cert/CertView.vue
index ee35379f30..8c4c6567c4 100644
--- a/web/src/views/cert/CertView.vue
+++ b/web/src/views/cert/CertView.vue
@@ -9,10 +9,22 @@ import ObtainModal from '@/views/cert/ObtainModal.vue'
 import type { Cert } from '@/views/cert/types'
 
 const props = defineProps({
-  algorithms: Array<any>,
-  websites: Array<any>,
-  accounts: Array<any>,
-  dns: Array<any>
+  algorithms: {
+    type: Array<any>,
+    required: true
+  },
+  websites: {
+    type: Array<any>,
+    required: true
+  },
+  accounts: {
+    type: Array<any>,
+    required: true
+  },
+  dns: {
+    type: Array<any>,
+    required: true
+  }
 })
 
 const { algorithms, websites, accounts, dns } = toRefs(props)
@@ -114,7 +126,7 @@ const columns: any = [
             default: () =>
               row.account_id == 0
                 ? '无'
-                : accounts?.value?.find((item: any) => item.value === row.account_id)?.label
+                : accounts.value?.find((item: any) => item.value === row.account_id)?.label
           })
         ]
       })
diff --git a/web/src/views/cert/CreateAccountModal.vue b/web/src/views/cert/CreateAccountModal.vue
index 26c2ffd67b..3cd6941e12 100644
--- a/web/src/views/cert/CreateAccountModal.vue
+++ b/web/src/views/cert/CreateAccountModal.vue
@@ -6,8 +6,14 @@ import { NButton, NInput, NSpace } from 'naive-ui'
 const show = defineModel<boolean>('show', { type: Boolean, required: true })
 
 const props = defineProps({
-  caProviders: Array<any>,
-  algorithms: Array<any>
+  caProviders: {
+    type: Array<any>,
+    required: true
+  },
+  algorithms: {
+    type: Array<any>,
+    required: true
+  }
 })
 
 const { caProviders, algorithms } = toRefs(props)
diff --git a/web/src/views/cert/CreateCertModal.vue b/web/src/views/cert/CreateCertModal.vue
index 769bceffcf..ce96c9d2d7 100644
--- a/web/src/views/cert/CreateCertModal.vue
+++ b/web/src/views/cert/CreateCertModal.vue
@@ -5,10 +5,22 @@ import { NButton, NSpace } from 'naive-ui'
 const show = defineModel<boolean>('show', { type: Boolean, required: true })
 
 const props = defineProps({
-  algorithms: Array<any>,
-  websites: Array<any>,
-  accounts: Array<any>,
-  dns: Array<any>
+  algorithms: {
+    type: Array<any>,
+    required: true
+  },
+  websites: {
+    type: Array<any>,
+    required: true
+  },
+  accounts: {
+    type: Array<any>,
+    required: true
+  },
+  dns: {
+    type: Array<any>,
+    required: true
+  }
 })
 
 const { algorithms, websites, accounts, dns } = toRefs(props)
diff --git a/web/src/views/cert/CreateDnsModal.vue b/web/src/views/cert/CreateDnsModal.vue
index f6649a7c6b..98ef01e63f 100644
--- a/web/src/views/cert/CreateDnsModal.vue
+++ b/web/src/views/cert/CreateDnsModal.vue
@@ -5,7 +5,10 @@ import { NButton, NInput, NSpace } from 'naive-ui'
 const show = defineModel<boolean>('show', { type: Boolean, required: true })
 
 const props = defineProps({
-  dnsProviders: Array<any>
+  dnsProviders: {
+    type: Array<any>,
+    required: true
+  }
 })
 
 const { dnsProviders } = toRefs(props)
diff --git a/web/src/views/cert/DnsView.vue b/web/src/views/cert/DnsView.vue
index a75f9e9f22..3774b51011 100644
--- a/web/src/views/cert/DnsView.vue
+++ b/web/src/views/cert/DnsView.vue
@@ -5,7 +5,10 @@ import cert from '@/api/panel/cert'
 import type { DNS } from '@/views/cert/types'
 
 const props = defineProps({
-  dnsProviders: Array<any>
+  dnsProviders: {
+    type: Array<any>,
+    required: true
+  }
 })
 
 const { dnsProviders } = toRefs(props)
diff --git a/web/src/views/container/ContainerCreate.vue b/web/src/views/container/ContainerCreate.vue
index 426a3dac43..d01c6b544b 100644
--- a/web/src/views/container/ContainerCreate.vue
+++ b/web/src/views/container/ContainerCreate.vue
@@ -2,7 +2,10 @@
 import container from '@/api/panel/container'
 
 const props = defineProps({
-  show: Boolean
+  show: {
+    type: Boolean,
+    required: true
+  }
 })
 
 const { show } = toRefs(props)