VueJS로 빌드 된 PWA의 프로덕션 버전을 생성 할 때 내 서버에 배포 한 후 Google Chrome에서이 오류가 발생했습니다.
Uncaught SyntaxError: Unexpected token '<'
app.21fde857.js : 1에서Uncaught SyntaxError: Unexpected token '<'
chunk-vendors.d1f8f63f.js : 1에서나는 콘솔의 네트워크 탭에서 파일 모두에서 좀 걸릴 chunk-vendors.d1f8f63f.js
및 상태 (200)와 오는 다시.app.21fde857.js
index.html
왜 이런 일이 발생합니까?
OBS : 로컬에서 이것은 완벽하게 작동합니다.
해결책을 찾았습니다. 폴더 의 index.html 파일에있는 .
모든 파일을 수동으로 추가해야 합니다. (실시 예 : )src
dist/
<link href=./js/chunk-vendors.d1f8f63f.js rel=preload as=script>
소스 코드 의 index.html 에서이 질문 뿐만 아니라 모든 링크 (예 :) 에 <% = BASE_URL %> 을 추가 했지만 이것은 작동하지 않습니다.이 오류는 그것. <link rel="apple-touch-icon" sizes="144x144" href="<%= BASE_URL %>favicon/apple-icon-144x144.png">
최신 정보
위의 솔루션은 작동하지만 더 나은 코드를 사용하고 있습니다.
모든 링크에 <% = BASE_URL %> 유지
그리고 <base href="https://mywebsite.com" />
헤더 태그에를 추가 했는데 완벽하게 작동합니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다