Inflearn brand logo image
Inflearn brand logo image
채널톡 아이콘

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

nhs0912님의 프로필 이미지

작성한 질문수 17

[최신] Vue 강의 끝판왕 : Nuxt 3 완벽 마스터

프레임워크란? 프레임워크 공부법!

[nuxt] [request error] [unhandled] [500] __QUASAR_SSR_SERVER__ is not defined

작성

·

92

·

수정됨

0

안녕하세요. nuxt까지는 설정을 하였는데요 .

잘 안되서 공식문서에 있는 순서대로 터미널로 그냥 만들어봤는데요.

npx nuxi@latest init <project-name>
https://nuxt.com/modules/quasar

여기까지 초기페이지가 잘 나왔어요.

 

그런데 quasar를 공식문서에 있는 것 처럼 설치 해보니깐

# Using npm

npm install quasar @quasar/extras 
npx nuxi@latest module add quasar
 ERROR  [nuxt] [request error] [unhandled] [500] __QUASAR_SSR_SERVER__ is not defined
image.png

 npm run dev 이후에 웹페이지 초기화면 새로 고침을 하면 이런 에러가 나오는데 혹시 어떤게 문제인지 알수 있나요?

 

답변 4

0

짐코딩님의 프로필 이미지
짐코딩
지식공유자

해결되어 다행이에요 🙂

프로그래밍 강의 특성상 라이브러리가 업그레이드 되면 강의시점의 가이드와 다를 수 있는데요.

라이브러리 설치하실 때 공식문서를 한번씩 참고하시면 다양한 문제를 사전에 방지할 수 있을거예요 👍

관련해서 영상도 만들었으니 참고하시면 도움이 될 것 같아요 🙂

https://youtu.be/pqDzX8q16Nc

0

nhs0912님의 프로필 이미지
nhs0912
질문자

package.json을 강의 소스랑 같게 했더니 ssr mode가 되네요!

뭔가 버전별 라이브러리가 안맞는 모양이에요!

다른 사람들도 시행착오가 있을수 있어서 여기에 남깁니다!

"dependencies": {
    "@quasar/extras": "^1.16.9",
    "nuxt": "^3.9.0",
    "quasar": "^2.14.2",
    "vue": "^3.4.3",
    "vue-router": "^4.2.5"
  },
  "devDependencies": {
    "nuxt-quasar-ui": "^2.0.7",
    "typescript": "^5.7.3",
    "vue-i18n": "^11.0.1",
    "vue-tsc": "^2.1.10"
  }

0

nhs0912님의 프로필 이미지
nhs0912
질문자

ssr mode를 false로 설정하면 잘 되네요..

그런데 ssr mode를 사용하려면 ssr mode=true 외에 따로 설정하는 부분이 있을까요??

 

0

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

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

Quasar와 Nuxt를 함께 사용할 때 발생하는 문제를 해결하기 위해 몇 가지 단계와 조치를 확인해보세요.

문제 상황 설명:

__QUASAR_SSR_SERVER__ is not defined 오류는 서버 사이드 렌더링(SSR)을 구성할 때 Quasar와 Nuxt 간의 통합에서 발생하는 전형적인 문제일 수 있습니다. 500 에러는 일반적으로 서버 실행 중 내부 오류를 나타냅니다.

가능한 해결 방법:

  1. Quasar 및 Nuxt 모듈 설치 확인:

    • Quasar 모듈 설치 시, 추가적인 설정이 필요할 수 있으며, 공식 문서나 Quasar와 Nuxt 통합에 대한 지침을 확인하세요.
    • npx nuxi@latest module add quasar을 사용하여 모듈을 추가했다면, 이 과정에서 오류가 발생했을 가능성이 있습니다.
  2. SSR 설정 확인:

    • Quasar의 SSR 기능을 활용하는 과정에서, quasar.conf.js 또는 nuxt.config.js 파일에서 올바르게 설정되어 있는지 확인하세요. SSR 관련 구성이 제대로 되어 있는지, 혹은 ssr 모드가 필요한지 체크해보시기 바랍니다.
  3. 패키지 호환성 문제:

    • 사용 중인 Quasar와 Nuxt 버전의 호환성을 확인하세요. 서로 다른 버전이 충돌을 일으킬 수 있습니다.
    • package.json 파일의 버전을 확인하고 문제가 없는지 검토합니다.
  4. 빌드 및 실행 환경 정리:

    • node_modules 폴더를 삭제한 후, npm install 명령어로 모듈을 다시 설치합니다.
    • npm cache clean --force를 통해 npm 캐시를 정리합니다.
  5. 공식 문서 확인:

    • Quasar와 Nuxt 관련 공식 문서 및 커뮤니티 포럼을 통해 유사한 문제에 대한 해결책을 찾아보세요.

유사한 문제에 대한 답변은 다음 링크에서 확인하실 수 있습니다:
- 퀘이사 설치 후 오류

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