"Nuxt - "yarn generate" 실행 후 페이지가 제대로 로드되지 않습니다."

Question

다음 디렉토리 구조 아래에 페이지가 있는 간단한 nuxt 애플리케이션이 있습니다.

페이지
   콜백
       index.vue

이 애플리케이션은 "유니버설" 모드를 사용하여 구축되었습니다. 내 문제는 응용 프로그램을 로컬에서(예: Yarn dev) 실행할 때 콜백 페이지가 완벽하게 표시되고 제대로 작동한다는 것입니다. 그러나 원사 생성을 실행한 다음 dist 폴더를 제공하면 페이지에 약간의 시각적 오류가 있습니다. 콘솔 오류나 네트워크 오류는 없지만 디스플레이가 다소 고르지 않습니다. 문제는 특정 아이콘(햄버거 메뉴)이 로드되지 않고 드롭다운/선택 구성 요소가 제대로 초기화되지 않고 클릭할 때까지 자리 표시자가 표시된다는 것입니다.

이러한 구성요소는 애플리케이션의 다른 곳에서는 빌드되어 제대로 작동하지만 생성된 페이지에서는 작동하지 않습니다.

빌드 출력에서 ​​devtools를 활성화했는데 로컬에서 실행되는 버전과 생성된 버전 사이에서 볼 수 있는 유일한 차이점은 콜백 경로로 이동할 때 생성된 출력이 vue devtools를 수신하지 않는 것 같다는 것입니다. 의 "활성" 플래그입니다.

저는 이것이 이상하다고 생각하고 탐색 가능한 링크와 숨겨진 페이지(이 페이지는 현재 사이트의 어느 곳에서도 연결되어 있지 않기 때문에)에 대해 읽고 많은 것을 시도했지만 아무것도 작동하지 않았습니다. 제가 해본 가장 가까운 방법은 홈페이지에 콜백 경로로 연결되는 NuxtLink 요소를 만드는 것입니다. 이렇게 하면 링크를 클릭한 후 페이지가 예상대로 작동하고 devtools의 라우팅 탭에 활성 플래그가 설정됩니다. 하지만 URL 표시줄을 통해 탐색하면 작동하지 않습니다.

nuxt 및 vue router의 문서를 자세히 읽었지만 문제에 대한 해결책을 찾을 수 없는 것 같습니다.

Answer 1

yarn generate 用于部署静态站点，而您的目标设置为universal。运行 yarn build 和 yarn start 범용 모드로 배포합니다.

문서를 여기에서 확인하세요.