업로드 작업 에러 메시지 출력

업로드작업.on( 'state_changed',
        // 변화시 동작하는 함수
        null,
        //에러시 동작하는 함수
        (error) => {
          console.error('실패사유는', error);
          alert("업로드에 실패하셨습니다. 로그인을 해주세요.")
        },
        // 성공시 동작하는 함수
        () => {
        업로드작업.snapshot.ref.getDownloadURL().then((url) => {
            console.log('업로드된 경로는', url);
            // 여기에 넣어도 이미지 잘보이고
            //background-image:url() 여기에 넣어도 잘보임
                //업로드 과정
            var 저장할거 = {
                제목 : $('#title').val(),
                가격 : parseInt($('#price').val()),
                내용 : $('#content').val(),
                날짜 : 업로드시간, //현재 날짜 출력해줌
                이미지 : url,
                uid : JSON.parse(localStorage.getItem('user')).uid,//텍스트만 저장가능
                이름 : JSON.parse(localStorage.getItem('user')).displayName,
            }

에러가 생기면 작업 처리를 하는곳에 에러메시지 alert를 출력하게 하고 싶었는데 실행이 안되고 바로  'var 저장할거'로 넘어갑니다.

그리고 로그아웃 상태이니 local storage는 비어있으니 당연히  uid뽑아오는 과정에서 오류가 납니다.

로그인 안하면 업로드 못하게 막으려고 한 작업인데 어떻게하면 될까요 ㅠㅠ