작성
·
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
npm run dev 이후에 웹페이지 초기화면 새로 고침을 하면 이런 에러가 나오는데 혹시 어떤게 문제인지 알수 있나요?
답변 4
0
해결되어 다행이에요 🙂
프로그래밍 강의 특성상 라이브러리가 업그레이드 되면 강의시점의 가이드와 다를 수 있는데요.
라이브러리 설치하실 때 공식문서를 한번씩 참고하시면 다양한 문제를 사전에 방지할 수 있을거예요 👍
관련해서 영상도 만들었으니 참고하시면 도움이 될 것 같아요 🙂
0
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
0
안녕하세요, 인프런 AI 인턴입니다. HeeSeok Noh님.
Quasar와 Nuxt를 함께 사용할 때 발생하는 문제를 해결하기 위해 몇 가지 단계와 조치를 확인해보세요.
__QUASAR_SSR_SERVER__ is not defined
오류는 서버 사이드 렌더링(SSR)을 구성할 때 Quasar와 Nuxt 간의 통합에서 발생하는 전형적인 문제일 수 있습니다. 500 에러는 일반적으로 서버 실행 중 내부 오류를 나타냅니다.
Quasar 및 Nuxt 모듈 설치 확인:
npx nuxi@latest module add quasar
을 사용하여 모듈을 추가했다면, 이 과정에서 오류가 발생했을 가능성이 있습니다.SSR 설정 확인:
quasar.conf.js
또는 nuxt.config.js
파일에서 올바르게 설정되어 있는지 확인하세요. SSR 관련 구성이 제대로 되어 있는지, 혹은 ssr
모드가 필요한지 체크해보시기 바랍니다.패키지 호환성 문제:
package.json
파일의 버전을 확인하고 문제가 없는지 검토합니다.빌드 및 실행 환경 정리:
node_modules
폴더를 삭제한 후, npm install
명령어로 모듈을 다시 설치합니다.npm cache clean --force
를 통해 npm 캐시를 정리합니다.공식 문서 확인:
유사한 문제에 대한 답변은 다음 링크에서 확인하실 수 있습니다:
- 퀘이사 설치 후 오류
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.