웹 프론트엔드 JS 튜토리얼 Vue 빌드를 패키징한 후 홈 페이지에 흰색 화면이 나타나면 어떻게 해야 하나요?

Vue 빌드를 패키징한 후 홈 페이지에 흰색 화면이 나타나면 어떻게 해야 하나요?

May 17, 2018 pm 05:00 PM
build 무엇을 해야할지 첫 페이지

이번에는 Vue 빌드를 패키징한 후 홈페이지가 공백이 되는 경우 대처 방법에 대해 알려드리겠습니다. Vue 빌드를 패키징한 후 홈페이지에 흰색 화면이 나타나는 문제를 해결하기 위한 주의사항은 무엇인가요? 사례를 살펴보겠습니다.

1. 문제 설명

서버 측에서 로컬 vue 프로젝트를 탐색하는 데 문제가 없지만 npm run build 및 패키징을 실행한 후 로컬 미리보기가 흰색 화면입니다. js가 많아 CSS를 로드할 수 없습니다.

2. Solution

config 폴더에서 index.js를 찾아서 열고 assetsPublicPath: '/'를 아래 상자와 같이 변경하세요.

npm run build를 다시 실행하세요.

이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 도서:

vue-cli 패키지 코드 시 프로젝트 관련 구성 파일을 추출하는 방법

노드에서 JS 파일을 압축하고 병합하는 방법

위 내용은 Vue 빌드를 패키징한 후 홈 페이지에 흰색 화면이 나타나면 어떻게 해야 하나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

Video Face Swap

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

인기 기사

<gum> : Bubble Gum Simulator Infinity- 로얄 키를 얻고 사용하는 방법
4 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
Nordhold : Fusion System, 설명
4 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
Mandragora : 마녀 트리의 속삭임 - Grappling Hook 잠금 해제 방법
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

Ouyi 지갑 니모닉 문구를 잊어버린 경우 어떻게 해야 하나요? 아직도 찾을 수 있나요? Ouyi 지갑 니모닉 문구를 잊어버린 경우 어떻게 해야 하나요? 아직도 찾을 수 있나요? Jul 19, 2024 pm 12:13 PM

Web3 세계에서는 무료이지만 위험이 가득합니다. 따라서 Ouyi 지갑의 보안을 위한 첫 번째 단계는 개인 키와 니모닉 문구를 보호하는 것입니다. 개인 키의 중요성은 모두가 알고 있으며 오늘날 니모닉에 중점을 두고 있습니다. 니모닉 문구는 개인 키를 표현하는 또 다른 형태로 이해될 수 있습니다. 니모닉 문구를 갖는 것은 개인 키를 소유하고 지갑 자산을 제어하는 ​​것과 같습니다. 또한 개인키에 비해 존재감이 낮아 사용자들이 Ouyi Wallet의 니모닉 문구를 잊어버릴 수도 있다고 생각됩니다. 그럼 Ouyi Wallet의 니모닉 문구를 잊어버린 경우 어떻게 해야 하나요? Ouyi 지갑 니모닉을 잊어버린 경우에도 검색할 수 있나요? 사용자가 주의해야 할 문제. 일반적으로 니모닉 문구를 잊어버리면 검색할 수 없으므로 관련 고객 서비스 담당자에게 도움을 요청하세요. 아래 에디터가 자세히 알려드리겠습니다. Ouyi 지갑 니모닉 문구를 잊어버린 경우 어떻게 해야 하나요? Ouyi Wallet의 니모닉 문구를 잊어버린 경우, 기억해내시거나 당사에 문의해 주시기 바랍니다.

pagefile.sys가 너무 많은 공간을 차지하는 경우 수행할 작업 pagefile.sys가 너무 많은 공간을 차지하는 경우 수행할 작업 Feb 20, 2024 am 09:01 AM

pagefile.sys가 너무 많은 공간을 차지하면 어떻게 해야 합니까? 컴퓨터를 사용하는 과정에서 메모리가 부족한 경우가 종종 있습니다. 이 문제를 해결하기 위해 운영 체제는 메모리에 있는 데이터의 일부를 디스크의 특수 파일인 pagefile.sys로 전송합니다. 그러나 때로는 pagefile.sys 파일이 매우 크고 디스크 공간을 너무 많이 차지하는 경우가 있습니다. 그렇다면 이 문제를 어떻게 해결합니까? 먼저, pagefile.sys 파일을 명확히 해야 합니다.

광대역이 연결되어 있는데 인터넷에 접속할 수 없는 문제 해결(문제 해결) 광대역이 연결되어 있는데 인터넷에 접속할 수 없는 문제 해결(문제 해결) May 05, 2024 pm 06:01 PM

오늘날의 정보화 시대에 인터넷은 사람들의 삶에 없어서는 안 될 부분이 되었습니다. 하지만 온라인에 접속할 수 없고 때로는 몇 가지 문제가 발생합니다. 그러나 예를 들어 광대역은 이미 연결되어 있습니다. 그리고 해당 해결 조치를 취하십시오. 이 경우 네트워크 연결을 복원하려면 문제를 단계별로 해결해야 합니다. 장치 연결 상태 확인: 휴대폰 및 기타 장치가 광대역 네트워크에 올바르게 연결되었는지 여부를 컴퓨터에서 확인하여 무선 네트워크 또는 유선 네트워크 연결이 정상적인지 확인하십시오. 2. 광대역 장치를 다시 시작합니다. 장치를 재설정하고 연결을 다시 설정한 후 몇 분 정도 기다렸다가 다시 켜십시오. 광대역 라우터나 모뎀을 꺼보세요. 3. 광대역 계정번호 및 비밀번호 확인: 잘못된 계정 또는 비밀번호로 인해 인터넷에 접속할 수 없는 상황을 방지하려면 광대역 계정번호와 비밀번호가 올바른지 확인하세요. 4. D를 확인하세요

TV에 눈송이가 나타날 경우 대처 방법(TV에 눈송이가 나타나는 문제를 해결하는 실용적인 방법) TV에 눈송이가 나타날 경우 대처 방법(TV에 눈송이가 나타나는 문제를 해결하는 실용적인 방법) Jun 01, 2024 pm 09:44 PM

일상 생활에서 중요한 엔터테인먼트 장치인 TV는 종종 눈보라로 인해 어려움을 겪으며 이는 시청 경험에 영향을 미칩니다. 이 기사에서는 TV 눈 문제를 해결하고 TV 프로그램을 더 잘 즐길 수 있는 실용적인 방법을 소개합니다. 1. 눈송이 문제의 원인 분석 TV에 나타나는 눈송이는 일반적으로 신호 간섭, 안테나 문제 또는 TV 신호 소스로 인해 발생합니다. 2. 안테나 연결이 느슨하지 않은지 확인하세요. 먼저 TV와 안테나의 연결이 느슨해졌는지 확인하세요. 3. 안테나의 위치와 방향이 올바른지 확인하기 위해 적합한 안테나를 선택하십시오. 성능이 좋은 안테나를 선택하면 신호 수신 품질이 향상될 수 있습니다. 4. 안테나 방향을 조정하세요. 안테나를 회전시키거나 각도를 조정하여 최적의 신호 수신 방향을 찾으세요. 5. 실내 안테나 신호를 사용하세요

Chrome 홈페이지를 설정하는 방법 Chrome 홈페이지를 설정하는 방법 Mar 02, 2024 pm 04:04 PM

Google 크롬 홈페이지를 설정하는 방법은 무엇입니까? Google Chrome은 오늘날 가장 인기 있는 웹 브라우저 소프트웨어입니다. 이 브라우저는 간단하고 효율적인 기능을 갖추고 있습니다. 브라우저를 사용할 때 어떤 사람들은 브라우저를 다음과 같이 설정합니다. 기본 홈페이지로 설정되어 있고 홈페이지를 다른 검색 엔진으로 설정하고 싶어하는 사람들도 있는데 어디에서 설정해야 할까요? 다음으로, 편집기에서 Google 크롬 홈페이지를 설정하는 빠른 방법을 알려드리겠습니다. 도움이 되길 바랍니다. 구글 크롬 홈페이지를 빠르게 설정하는 방법 1. 구글 크롬을 엽니다(그림 참조). 2. 인터페이스 오른쪽 상단에 있는 메뉴 버튼을 클릭합니다(그림 참조). 3. "설정" 옵션을 선택하십시오(그림 참조). 4. 설정 메뉴에서 "검색 엔진"(예:

win11 오른쪽 하단 아이콘을 클릭해도 반응이 없으면 어떻게 해야 하나요? win11 오른쪽 하단 아이콘을 클릭해도 반응이 없으면 어떻게 해야 하나요? Jun 29, 2023 pm 01:54 PM

win11 오른쪽 하단 아이콘을 클릭해도 반응이 없으면 어떻게 해야 하나요? 현재 실행 중인 작업에 대한 바로가기 아이콘이 컴퓨터 오른쪽 하단에 표시될 수 있어 아이콘을 클릭하기만 하면 작업을 계속 실행할 수 있어 매우 편리합니다. 그러나 많은 사용자들은 win11 시스템의 오른쪽 하단에 있는 작업 아이콘 바로 가기 키를 클릭한 후 응답하지 않는 것을 발견했습니다. 무슨 일입니까? 오늘은 편집자가 win11 오른쪽 하단에 있는 바로가기를 클릭하는 문제를 해결하는 방법에 대한 튜토리얼을 제공할 것입니다. 필요한 사용자는 빠르게 살펴봐야 합니다. win11 오른쪽 하단에 있는 아이콘이 응답하지 않으면 어떻게 해야 합니까? 1. 먼저 키보드의 "win" 버튼을 누른 다음 "설정"을 클릭합니다. 2. 그런 다음 시스템 설정에서 "정보"를 클릭하세요. 3. 그런 다음 장치 사양에서 파란색 글꼴로 표시된 "고급 시스템 설정"을 찾습니다.

Microsoft Win11 24H2 Build 26100에서 여러 버그가 발견되어 설치가 권장되지 않습니다. Microsoft Win11 24H2 Build 26100에서 여러 버그가 발견되어 설치가 권장되지 않습니다. Apr 07, 2024 pm 09:22 PM

4월 7일자 이 사이트의 최신 소식은 Microsoft Win1124H2Build26100에서 다수의 버그가 발견되어 일반적으로 사용되는 장치에 설치하는 것을 일시적으로 권장하지 않는다는 것입니다. Windows 1124H2는 아직 매우 불안정한 단계에 있습니다. Microsoft는 월별 누적 업데이트를 통해 점차적으로 문제를 해결하겠지만, 이 버전이 공식적으로 출시되어 모두에게 안정적인 환경을 제공하기까지는 다소 시간이 걸릴 수 있습니다. 24H2 버전 이미지를 설치한 사용자가 문제가 발생한 경우 다시 설치하는 것이 좋습니다. 이제 비교적 안정적입니다. ZacBowden, Windows 1124H2Build26100 버전을 재설정하려고 할 때 죽음의 블루 스크린이 발생했으며 "이 PC 재설정" 기능은 시스템 문제를 해결하기로 되어 있었지만 대신

Win10 비행기 모드가 회색으로 표시되어 인터넷에 접속할 수 없으면 어떻게 해야 합니까? Win10 비행기 모드가 회색으로 표시되어 인터넷에 접속할 수 없으면 어떻게 해야 합니까? Jun 29, 2023 pm 12:26 PM

Win10 비행기 모드가 회색으로 표시되고 인터넷에 접속할 수 없으면 어떻게 해야 합니까? 어떤 친구는 win10을 사용할 때 인터넷을 사용하지 않으면 비행기 모드를 켤 것입니다. 그러나 어떤 친구는 비행기 모드가 회색인 것을 발견합니다. 비행기 모드가 회색인 문제를 어떻게 해결해야 합니까? 아래 에디터는 Win10 비행기 모드가 회색으로 표시되고 인터넷에 접속할 수 없는 문제를 해결하기 위한 팁을 정리했습니다. 관심이 있으시면 아래 에디터를 따라가보세요! Win10 비행 모드가 회색이고 인터넷에 액세스할 수 없습니다. 해결 방법: 1. 그림에 표시된 대로 먼저 검색 열에 msconfig를 입력하고 시스템 구성 기능을 클릭합니다. 2. 서비스 옵션으로 전환하고 모든 Microsoft 서비스 숨기기를 선택한 다음 모두를 클릭합니다.

See all articles