Vue 오류 - 패키지를 가져올 때 'https'를 확인할 수 없습니다.

Question

Vue 프로젝트를 생성하고 npm 패키지를 사용하여 Retroachievements.org API에 연결하여 일부 데이터를 가져오려고 하는데 오류가 발생합니다. 프로젝트를 생성하고 패키지를 구현하기까지 처음부터 끝까지 제가 진행하는 과정입니다.

• 내 프로젝트 폴더로 이동하고 vue cli를 사용하여 프로젝트를 만듭니다. vue create test. 옵션의 경우 일반적으로 linter, vue 버전 2를 포함하지 않고 모든 것을 package.json에 넣도록 선택합니다.

• cd를 /test 폴더에 넣습니다: cd test 并安装 Retroachievements npm 包：npm install --save raapijs

• App.vue를 다음과 같이 수정하세요(코드 형식에 대해 사과드립니다. 게시물 형식/색상이 올바르게 지정되지 않은 이유는 확실하지 않습니다...):

  const RaApi = require('raapijs');

  기본값 내보내기{ 이름: '애플리케이션',

  으아아아

  }

• `npm runserve'를 실행하면 오류가 발생합니다:

  ./node_modules/raapijs/index.js 2:14-30

  에 오류가 있습니다.

  모듈을 찾을 수 없음: 오류: 'C:ProjectsWebtestnode_modulesraapijs'에서 'https'를 확인할 수 없습니다

저는 Windows 10, Node 16.17.0, npm 8.15.0, vue 2.6.14, vue CLI 5.0.8, raapijs 0.1.2를 사용하고 있습니다.

아래 첫 번째 솔루션에서는 오류 없이 실행할 수 있다고 나와 있지만, 제가 시도하는 코드와 정확히 똑같습니다. 누구든지 이 오류의 차이점과 원인을 볼 수 있습니까?

편집: 내 프로세스를 더 명확하게 설명하고 버전과 같은 추가 정보를 제공하기 위해 이 게시물을 다시 작성했습니다.

Answer 1

이 솔루션은 저에게 효과적입니다. npm install --save raapijs 명령을 사용하여 raapijs를 설치했습니다. 그런 다음 Vue 버전 2 구성 요소에서 다음과 같은 코드를 사용했습니다.

으아아아

Answer 2

raapijs 패키지는 Vue 브라우저 기반 환경이 아닌 Node 환경에서 사용하도록 설계된 것 같아서 오류가 발생합니다. 패키지 자체는 Node에 내장된 https 패키지를 찾고 있지만 Node에서 실행되고 있지 않기 때문에 찾지 못합니다.

그래서 패키지 래퍼를 사용하는 대신 패키지의 github 저장소를 보고 사용 중인 실제 PHP API 엔드포인트를 추출하고 이를 내 애플리케이션에서 직접 사용하여 문제를 해결했습니다. 내가 원했던 것만큼 깔끔하고 깔끔하지는 않지만 여전히 좋은 솔루션입니다.