vue typescript error 빨간줄

 

// 멤버쉽 변경
const reqChangeMembership = async () => {
  const params = {
    membershipType: membershipName.value,
    premiumPrice: 0
  };
  console.log(params);
  try {
    await changeMembership(userData.id, params);
  } catch (error) {
    console.log(error);
    if (error.statusCode === 400) {
      AntNotification.error({ message: error.message });
    }
  }
};

이게 기존 코드다.

근데 error.statusCode === 400 부분이 빨간줄이 나온다.. 하지만 에러 출력은 되지 않는 중. 무엇이 문제일까?

// 멤버쉽 변경
const reqChangeMembership = async () => {
  const params = {
    membershipType: membershipName.value,
    premiumPrice: 0
  };
  console.log(params);
  try {
    await changeMembership(userData.id, params);
  } catch (error : unknown) {
    console.log(error);
    const err = error as errorType;
    if (err.statusCode === 400) {
      AntNotification.error({ message: err.message });
    }
  }
};

해결법은 error의 타입을 지정해주는 것.

네..