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

김지하님의 프로필 이미지
김지하

작성한 질문수

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

Vue CLI설치

vue cli 설치 강의 중 오류

작성

·

92

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

 

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

도와주세요!

 

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

HTML/CSSjavascriptvue.jsnode.jsmongodb소프트스킬

답변 3

0

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

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

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

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

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

image.png

 

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

image.png

 

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

npm i -g @vue/cli

vue create myfirestvuewapp

 

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

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

지금 자기계발 새폴더안에

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

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

0

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

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

0

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

안녕하세요, 인프런 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

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

김지하님의 프로필 이미지
김지하

작성한 질문수

전체 Q&A
질문하기