다음과 같이 애플리케이션을 Vue 2에서 Vue 3으로 마이그레이션했습니다: https://www.vuemastery.com/blog/vue-3-migration-build/. 소품 및 해당 유형과 관련된 문제가 있습니다. "linter"에 따르면 모든 소품의 유형을 알 수 없는 것 같습니다. 템플릿 자체에는 오류가 표시되지 않기 때문입니다.
예를 들어. 다음과 같이 정의된 "cancelText" 속성이 있습니다.
으아악그런 다음 이 소품을 다음과 같이 계산된 속성에 사용합니다.
으아악변수 위로 마우스를 가져가면 유형이 표시되므로 어떤 유형인지 알 수 있는 것 같습니다.
하지만 애플리케이션을 제공하는 동안 터미널 내부에서 이 오류가 발생합니다
으아악일부 패키지가 호환되지 않거나 일부 Linting 규칙을 Vue 3용으로 특별히 업데이트해야 합니다.
내가 사용하는 종속성은 다음과 같습니다.
으아악Eslint 규칙은 다음과 같습니다.
cancelText: { type: String as PropType<string>, default: "", },
해 보세요
으아악vue 3으로 마이그레이션하는 경우 vue-auth3, vue-i18n 등과 같은 레거시 API 지원이 공식적으로 중단되었으므로 compose/vue를 사용하세요.
this.$t