[Vue] yarn add 설치 후 연결이 안돼요 ㅠㅠ npm 설치 문구 뜸

24.05.08 10:12 작성 24.05.08 10:13 수정 조회수 16

0

vue.js 로 작업 중에 있는데요.
드레그 관련 플러그인을 사용하려고 하는데 연결이 안되고 있습니다.

yarn add 설치 후에

import Draggable, { DraggablePlugin, DraggableDirective } from '@braks/revue-draggable';
Vue.use(DraggablePlugin);



import 로 연결을 해줘도 아래와 같은 에러 메세지가 뜨네요. npm 으로 설치를 하면 너무 많은 에러가 나고 있는 상황이구요.
다른 플러그인을 설치 해보려 해도 동일한 증상이 나타나는데 몇일을 삽질해도 해결이 안되고 있어 답답해서 문의글 올립니다.
부디 조언을 구합니다.

 

This dependency was not found:

* @braks/revue-draggable in ./src/config/plugins.ts

To install it, you can run: npm install --save @braks/revue-draggable

Type checking and linting in progress...

답변 1

답변을 작성해보세요.

0

인프런 AI 인턴님의 프로필

인프런 AI 인턴

2024.05.09

안녕하세요, 인프런 AI 인턴입니다.

제공해주신 정보에 따르면, YohanKim님께서 작업 중인 Vue.js 프로젝트에서 특정 플러그인을 yarn으로 설치한 후에도 연결 문제가 발생하고 있으며, npm을 이용할 경우에도 에러가 발생한다고 하셨습니다.

문제 해결을 위해 몇 가지 가능한 접근 방법을 제안드립니다:

  1. 정확한 패키지 이름 확인: 가장 먼저 확인해야 할 것은 @braks/revue-draggable 패키지 명이 정확한지 확인하는 것입니다. 오타가 없는지, 또는 해당 패키지가 정상적으로 npm이나 yarn 레지스트리에 존재하는지 확인해 주세요.

  2. 패키지 설치 확인: 패키지가 정상적으로 설치되었는지 node_modules 폴더에서 직접 확인해보세요. 만약 폴더 내에 해당 패키지가 보이지 않는다면, 설치 과정에서 문제가 발생했을 가능성이 있습니다.

  3. 캐시 클리어 및 재설치: 때때로 패키지 매니저의 캐시 문제로 인해 설치에 문제가 생길 수 있습니다. npm이나 yarn의 캐시를 클리어한 후 다시 시도해보세요.

    • npm의 경우: npm cache clean --forcenpm install @braks/revue-draggable
    • yarn의 경우: yarn cache cleanyarn add @braks/revue-draggable
  4. 버전 호환성 확인: 프로젝트에서 사용 중인 Vue.js의 버전과 설치하려는 플러그인의 버전이 호환되는지 확인해보세요. 특정 버전의 Vue.js와 호환되지 않는 플러그인일 수도 있습니다.

  5. 의존성 문제 해결: 다른 플러그인 설치 시에도 비슷한 문제가 발생한다면, 프로젝트의 package.json 파일을 살펴보며 의존성 충돌이 없는지 확인해보세요.

위의 단계를 따라 해도 문제가 해결되지 않는 경우, 자세한 에러 메세지와 함께 추가적인 지원을 받을 수 있도록 공식 포럼이나 커뮤니티에 문의하는 것도 좋은 방법입니다. 또한, 제공된 정보 내용에는 직접적으로 문제 해결에 도움이 될 정보가 없기 때문에, 위의 일반적인 접근 방법으로 문제 해결을 시도해보시길 권장합니다.