diff --git a/1114/app/components/weather/WeatherCard.tsx b/1114/app/components/weather/WeatherCard.tsx
index 1d594f7..51f8436 100644
--- a/1114/app/components/weather/WeatherCard.tsx
+++ b/1114/app/components/weather/WeatherCard.tsx
@@ -9,6 +9,7 @@ export function WeatherCard() {
 
   return (
     <div>
+      <WeatherSearchForm />
       <WeatherSearchForm />
       {currentWeather ? (
         <div className="P-4">
diff --git a/1114/app/components/weather/WeatherDetailsCrid.tsx b/1114/app/components/weather/WeatherDetailsGrid.tsx
similarity index 94%
rename from 1114/app/components/weather/WeatherDetailsCrid.tsx
rename to 1114/app/components/weather/WeatherDetailsGrid.tsx
index 837db65..d3cbb85 100644
--- a/1114/app/components/weather/WeatherDetailsCrid.tsx
+++ b/1114/app/components/weather/WeatherDetailsGrid.tsx
@@ -10,7 +10,8 @@ interface WeatherInfoItemProps {
     subtitle?: string;
 }
 
-function WeatherInfoItem({ icon, label, value, subtitle }: WeatherInfoItemProps) {
+export function WeatherInfoItem({ icon, label, value, subtitle }: WeatherInfoItemProps) {
+    
     return (
         <div className="group rounded-xl bg-slate-50/50 border border-slate-200/50 p-3 hover:bg-slate-100/50 hover:border-slate-300 transition duration-200 ">
             <div className="flex items-start gap-2">
@@ -28,6 +29,8 @@ function WeatherInfoItem({ icon, label, value, subtitle }: WeatherInfoItemProps)
 
 export function WeatherDetailsGrid() {
 
+    const {currentWeather} = useWeatherStore();
+    if (!currentWeather) return null;
     <>
        <div className="grid grids-cols-2 md:grids-cols-3 gap-3 mb-4">
          <WeatherInfoItem 
diff --git a/1114/app/components/weather/WeatherSearchForm.tsx b/1114/app/components/weather/WeatherSearchForm.tsx
index 90a0c88..d549757 100644
--- a/1114/app/components/weather/WeatherSearchForm.tsx
+++ b/1114/app/components/weather/WeatherSearchForm.tsx
@@ -1,14 +1,14 @@
 //天气搜索表单组件
 import { cn } from "@/components/lib/utils";
 import React ,{useState,type FormEvent,type ChangeEvent, use} from "react";
-import { Button } from "../ui/button";
+import { Button } from "@/components/ui/button";
 import { Input} from "../ui/input";
 import {useWeatherStore} from "@/store/weatherStore";
 import { AlertCircle, Loader2, RefreshCw, Search } from "lucide-react";
 
 //城市输入验证搜索刷新
 export function WeatherSearchForm() { 
-const {isLoading,currentWeather,setCurrentWeather,refreshWeather} = useWeatherStore();
+const {isLoading,currentWeather,setCurrentWeather,refreshWeather,searchWeather} = useWeatherStore();
 const [city, setCity] = useState('');
 const [inputError, setInputError] = useState('');
 //输入框内容
diff --git a/1114/app/routes/weather.tsx b/1114/app/routes/weather.tsx
index 0592099..1c2c8c6 100644
--- a/1114/app/routes/weather.tsx
+++ b/1114/app/routes/weather.tsx
@@ -15,13 +15,16 @@ export function meta() {
 }
 
 export default function Weather() {
+    const { currentWeather, isLoading, error, setError } = useWeatherStore()
     const { currentWeather, isLoading, error, setError } = useWeatherStore()
     useEffect(() => {
         if (error) {
             toast.error(error)
             setError("")
+            setError("")
         }
     }, [error, setError])
+    }, [error, setError])
 
     return (
         <div className="flex flex-col items-center justify-center h-screen">
diff --git a/1114/app/services/weatherApi.ts b/1114/app/services/weatherApi.ts
index e40a53a..0f2a275 100644
--- a/1114/app/services/weatherApi.ts
+++ b/1114/app/services/weatherApi.ts
@@ -1,5 +1,5 @@
 import axios, {type AxiosInstance,AxiosError} from 'axios';
-import {WeatherData} from "@/store/weatherStore";
+import {type WeatherData} from "@/store/weatherStore";
 
 //配置常量
 const API_KEY = '5097cc3212ea9c460b01e2be936c94d5';