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

김지하님의 프로필 이미지

작성한 질문수

기획자님 이 정도 웹 개발은 배워보면 어떨까요? [이론+실습]

Vue CLI설치

vue cli 설치 강의 중 오류

24.09.20 14:29 작성

·

39

0

질문은 자세하게 적어주실 수록 좋습니다.

 

  1. 2-6 Vue CLI 설치 강의

  2. Node. js 파일까지 설치 완료 -> Vue 설치 진행 과정에서 아래와 같은 오류가 뜹니다.

     


    npm warn deprecated inflight@1.0.6: This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.

    npm warn deprecated @babel/plugin-proposal-nullish-coalescing-operator@7.18.6: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-nullish-coalescing-operator instead.

    npm warn deprecated @babel/plugin-proposal-class-properties@7.18.6: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-class-properties instead.

    npm warn deprecated source-map-url@0.4.1: See https://github.com/lydell/source-map-url#deprecated

    npm warn deprecated rimraf@2.6.3: Rimraf versions prior to v4 are no longer supported

    npm warn deprecated @babel/plugin-proposal-optional-chaining@7.21.0: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-optional-chaining instead.

    npm warn deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated

    npm warn deprecated rimraf@3.0.2: Rimraf versions prior to v4 are no longer supported

    npm warn deprecated glob@7.2.3: Glob versions prior to v9 are no longer supported

    npm warn deprecated apollo-datasource@3.3.2: The apollo-datasource package is part of Apollo Server v2 and v3, which are now deprecated (end-of-life October 22nd 2023 and October 22nd 2024, respectively). See https://www.apollographql.com/docs/apollo-server/previous-versions/ for more details.

    npm warn deprecated apollo-server-errors@3.3.1: The apollo-server-errors package is part of Apollo Server v2 and v3, which are now deprecated (end-of-life October 22nd 2023 and October 22nd 2024, respectively). This package's functionality is now found in the @apollo/server package. See https://www.apollographql.com/docs/apollo-server/previous-versions/ for more details.

    npm warn deprecated source-map-resolve@0.5.3: See https://github.com/lydell/source-map-resolve#deprecated

    npm warn deprecated apollo-server-types@3.8.0: The apollo-server-types package is part of Apollo Server v2 and v3, which are now deprecated (end-of-life October 22nd 2023 and October 22nd 2024, respectively). This package's functionality is now found in the @apollo/server package. See https://www.apollographql.com/docs/apollo-server/previous-versions/ for more details.

    npm warn deprecated apollo-server-plugin-base@3.7.2: The apollo-server-plugin-base package is part of Apollo Server v2 and v3, which are now deprecated (end-of-life October 22nd 2023 and October 22nd 2024, respectively). This package's functionality is now found in the @apollo/server package. See https://www.apollographql.com/docs/apollo-server/previous-versions/ for more details.

    npm warn deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated

    npm warn deprecated shortid@2.2.16: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

    npm warn deprecated apollo-reporting-protobuf@3.4.0: The apollo-reporting-protobuf package is part of Apollo Server v2 and v3, which are now deprecated (end-of-life October 22nd 2023 and October 22nd 2024, respectively). This package's functionality is now found in the @apollo/usage-reporting-protobuf package. See https://www.apollographql.com/docs/apollo-server/previous-versions/ for more details.

    npm warn deprecated apollo-server-env@4.2.1: The apollo-server-env package is part of Apollo Server v2 and v3, which are now deprecated (end-of-life October 22nd 2023 and October 22nd 2024, respectively). This package's functionality is now found in the @apollo/utils.fetcher package. See https://www.apollographql.com/docs/apollo-server/previous-versions/ for more details.

    npm warn deprecated subscriptions-transport-ws@0.11.0: The subscriptions-transport-ws package is no longer maintained. We recommend you use graphql-ws instead. For help migrating Apollo software to graphql-ws, see https://www.apollographql.com/docs/apollo-server/data/subscriptions/#switching-from-subscriptions-transport-ws For general help using graphql-ws, see https://github.com/enisdenjo/graphql-ws/blob/master/README.md

    npm warn deprecated vue@2.7.16: Vue 2 has reached EOL and is no longer actively maintained. See https://v2.vuejs.org/eol/ for more details.

    changed 852 packages in 1m

    75 packages are looking for funding

    run npm fund for details

image.png

 

재설치도 해 봤는데, 안되네요..!

도와주세요!

 

추가로 터미널에 작성할 때 폴더명 뒤에 % 이것도 넣어야 하나요?

답변 3

0

개복치개발자님의 프로필 이미지
개복치개발자
지식공유자

2024. 09. 20. 21:06

경고메세지라 무시하고 지나가셔도 될 것 같은데

vue create myfirestvuewapp
이렇게 명령어를 입력하시면 어떻게 나오나요?

잘 안되시면 주말에 화면공유를 위해 하나씩 해보시죠
일단 강의에서 나온 명령어를 모두 입력하시고 나오는 메세지를 스크린샷과 함께 복사해서 공유해주세요.

김지하님의 프로필 이미지
김지하
질문자

2024. 09. 22. 19:15

image.png

 

김지하님의 프로필 이미지
김지하
질문자

2024. 09. 22. 19:18

image.png

 

김지하님의 프로필 이미지
김지하
질문자

2024. 09. 22. 19:19

npm i -g @vue/cli

vue create myfirestvuewapp

 

입력했을 때 아래 이미지와 같이 나옵니다.

개복치개발자님의 프로필 이미지
개복치개발자
지식공유자

2024. 09. 23. 08:44

지금 자기계발 새폴더안에

myfirstvueapp 프로젝트를 잘 생성하신 것 같아요

계속 수업 진행하시면 될 것 같은데 어떤 부분이 문제이실까요?

0

김지하님의 프로필 이미지
김지하
질문자

2024. 09. 20. 14:56

정확하게 뭘 해야하는지 잘 모르겠습니다..!! 한번 더 답변 달아주세요

0

인프런 AI 인턴님의 프로필 이미지

2024. 09. 20. 14:31

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

Vue CLI 설치 중 발생하는 경고 메시지와 관련하여 도움을 드리겠습니다.

문제 요약:

김지하님이 Vue CLI를 설치할 때 다수의 npm 경고 메시지가 나타나고, 설치가 제대로 완료되지 않는 것 같습니다. 또한, 터미널 명령어 작성 시 %를 포함해야 할지 여부에 대한 질문도 추가하셨습니다.

경고 메시지 설명:

경고 메시지는 주로 사용 중인 npm 패키지가 더 이상 지원되지 않거나 최신 버전으로 업데이트해야 한다는 내용입니다. 이는 일반적으로 설치 작업에는 문제가 되지 않지만, 현재 사용 중인 패키지들이 최신 기능이나 보안 패치를 포함하지 않을 수 있음을 의미합니다. 주요 경고 메시지는 다음과 같습니다:
- deprecated inflight, rimraf, @babel/plugin-proposal-nullish-coalescing-operator, shortid 등 여러 패키지가 포함됩니다.

해결 방법:

  1. 패키지 버전 업데이트: 가능한 경우 사용 중인 레거시 패키지를 최신 버전으로 업데이트하는 것이 좋습니다. 하지만 강의 내용과 호환성이 중요한 경우에는 강의에 맞춰 그대로 사용할 수도 있습니다.
  2. Vue 2.x vs 3.x: Vue CLI는 Vue 3를 기본으로 사용하지만, 강의에서 Vue 2를 사용하는지 확인해보세요. Vue 2는 현재 유지보수 기간이 끝났으므로 가능하면 Vue 3로 넘어가는 것이 좋습니다.

추가 도움:

  • Vue CLI 설치 공식 문서를 참고하여 Vue CLI를 설치하는 것이 좋습니다.
  • 필요한 경우 아래 기존 질문 링크를 참조하면 도움이 될 수 있습니다:

유사한 질문 및 답변 링크:

  1. 패키지 설치 방법:

    요약: 설치 과정에서의 문제 해결 방법을 다루었으며, 최신 정보와 일치하도록 패키지 버전 확인 필요.
    
  2. firebase 세팅 후 실행 오류:

    요약: npm 경고와 관련된 설정 및 최신 정보를 반영한 해결 방법을 논의.
    

터미널 명령어 작성 시 주의:

터미널 명령어 입력 시 폴더명 뒤에 %는 포함하지 않아야 합니다. 이는 쉘 프롬프트의 일부일 뿐 명령어의 일부분은 아닙니다. 아래는 올바른 사례입니다:

npm install -g @vue/cli

저는 김지하님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.