인프런 커뮤니티 질문&답변

안녕하세요.

강의를 수강하면서 Plugins 부분에 대해서 질문이 생겨서 글을 작성했습니다.

강의를 따라하다 보니 hello.ts를 교안과 같이 작성하였고, index.d.ts와 app.vue도 동일하게 구성하였는데 다음과 같은 오류가 발생하고 있습니다.(course.vue에서 $hello를 사용하는 부분 - 기능은 동작하고 있음)

[vue-tsc] Property '$hello' does not exist on type 'CreateComponentPublicInstance<Readonly<ExtractPropTypes<{}>>, { courses: typeof courses; }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ... 12 more ..., {}>'.

혹시 이러한 오류가 발생하였을 때 어떻게 해결해야 할 지 궁금합니다.

(추가+ index.d.ts의 타입 선언 부분의 주석을 해제하면 오류가 사라집니다.)

• hello.ts

export default defineNuxtPlugin(() => {
  return {
    provide: {
      hello: (msg: string) => `Hello ${msg}!`,
    },
  };
});

강의를 너무 잘 수강하고 있습니다. 감사합니다.