inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

Vue CLI설치

vue cli 설치 강의 중 오류

420

김지하

작성한 질문수 1

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/CSS javascript vue.js node.js mongodb 소프트스킬

답변 3

0

개복치개발자

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

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

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

0

김지하

image.png

 

0

김지하

image.png

 

0

김지하

npm i -g @vue/cli

vue create myfirestvuewapp

 

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

0

개복치개발자

지금 자기계발 새폴더안에

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

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

0

김지하

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

0

인프런 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

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

74. 데이터 캐시 - 1 (이론) 강의 영상 누락

0

12

1

2강 nodejs 3단계 설명 질문

0

25

1

6-6 실습 문의

0

20

2

인가 코드 발급(프론트 vs 백)

0

23

2

imagesLoaded에 관한 질문

0

17

2

useEffect와 lifecycle문의

0

23

2

섹션5 노션링크 는 따로 없나요?

0

24

2

Part 4에서 강의 연관 노션 정보들이 워드파일에 없습니다.

0

31

2

첨부자료 Part 4 코드 확인 부탁드리겠습니다.

0

24

2

프론트엔드 학습 수준 문의

0

31

2

선생님 각 강좌마다 예시로 보여주시는 웹페이지들은 어디서

0

23

1

퍼플렉시티 최소 결제단위 50달러로 바뀐 것 같습니다.

0

46

2

리액트 챕터별 코드에서 eslint 설정파일이 없어요

0

46

2

router 생성부터 어딘가 막힘..

0

55

2

유저 정보 주는 API 생성 시 에러남

0

60

1

터미널에 값이 실행되지 않음

0

57

2

윈도우 vue cli 설치 안됨

0

60

2

StockList 만들기 중 404 ERR_BAD_REQUEST 에러

0

126

2

home 화면에 불러와지지 않아요!

0

85

1

npm 명령어 실행 안됨(윈도우)

0

1283

2

HomePage.vue에 작성한 내용이 화면엔 보이지 않습니다.

0

169

2

VUE CLI 설치 프로젝트 생성이 안됩니다

0

209

2

데이터베이스 이해와 실습 관련 오류 질문

0

203

1

mongoDB에서의 데이터 중복일 때 1건만 수정되는 이유

0

228

1