끄적끄적

[NUXT] Cannot find module 'unplugin-vue2-script-setup/nuxt' 본문

Front-end/Vue.js

[NUXT] Cannot find module 'unplugin-vue2-script-setup/nuxt'

mashko 2021. 12. 29. 00:30
반응형

nuxt 프로젝트에서 Cannot find module 'unplugin-vue2-script-setup/nuxt'와 같은 에러에 대한 대처 내용을 적어두려고 한다.
처음 이 에러가 났을때 unplugin-vue2-script-setup이 없는줄 알고 인스톨을 해보고 다시 실행해봐도 해결되지 않는것이다.. 패키지를 까보기 시작했다. 아래 부분에 대한 에러인데...

빌드 모듈시 패키지 모듈의 내부 API를 못가져오는건가 싶었다.
나의 해결 방법은 이랬다.

  1. npm i -D unplugin-auto-import 설치

  2. nuxt.config.js의 buildModules에 '@nuxtjs/composition-api/module' 설정 변경
    기존

    buildModules: [
     '@nuxtjs/composition-api/module'
    ]

    변경

    buildModules: [
     '@nuxtjs/composition-api/module',
     [
       'unplugin-auto-import/nuxt',
       {
         imports: ['@nuxtjs/composition-api'],
       },
     ]
      ]

    이렇게 하면 빌드시 auto-imports.d.ts가 생성된다.
    @nuxtjs/composition-api의 내용들을 declare global로 생성해준다.

  3. 'npm run dev' 실행

이제 깨끗하게 잘 돌아간다.
내용을 찾아봐도 많지 않은 케이스인 것 같다. 나의 경우에만 이런지는 잘 모르겠다.

반응형
Comments