微信小程序项目总是要删除dist,再重新编译才能正常运行

[建军0258]

新手疑惑,项目使用了Hooks,在写登录界面,在验证表单内容的时候,弹窗开始还正常,然后再处理一些流程后,重新编译后,弹窗就只会弹一次,然后再也不弹了,也没有报错
然后删除dist,在编译就没问题,弹窗也正常,我该怎么办,有大佬帮忙吗

const [formTip, setFormTip] = useState('') //  AtToast弹窗组件 文本内容 
const [isOpened, setIsOpened] = useState(false)  // AtToast弹窗组件 是否显示

const formSubmit = async (e) => {
    let { detail: { value: { phone, password } } } = e
    if (phone === '') {
      setFormTip('请输入手机号')
      setIsOpened(true)
      return
    }
    if (phone.length < 11) {
      setFormTip('请输入11位数手机号')
      setIsOpened(true)
      return
    }
    if (password === '') {
      setFormTip('请输入密码')
      setIsOpened(true)
      return
    }
  }

    <View className='container login'>
      <Form className='form' onSubmit={formSubmit}>
        <View className='name_input'>
          <View className='name'>输入手机号</View>
          <View className='input_wrap'>
            <Input className='input_text' placeholder='请输入手机号码'  name='phone' maxlength='{{11}}' type='number' />
          </View>
        </View>
        <View className='name_input'>
          <View className='name'>输入密码</View>
          <View className='input_wrap'>
            <Input className='input_text' placeholder='请输入密码' placeholderClass='placeholder' name='password' type='password' />
          </View>
        </View>
      <Button className='login_but' formType='submit'>登录</Button>
      </Form>
    <Text>{userName}</Text>

    <AtToast isOpened={isOpened} text={formTip} icon='alert-circle' hasMask={true}
      onClick={() => {
        setIsOpened(false)
      }}></AtToast>
    </View >