작성
·
5.1K
70
크롬 브라우저 기준으로
다음과 같은 에러를 만나셨다면 아래 내용을 참고하시면 좋을 것 같습니다:)
"Failed to find a valid digest in the 'integrity' attribute for resource 'http://localhost:8080/css/bootstrap.min.css' with computed SHA-256 integrity 'L/W5Wfqfa0sdBNIKN9cG6QA5F2qx4qICmU2VgLruv9Y='. The resource has been blocked."
PDF에서 제공되는 소스를 복붙하시고 bootstrap 버전을 강사님과 동일한 버전을 쓰지 않았을 때 부트스트랩이 적용되지 않을 수 있습니다.
== fragments/header.html 중==
<link rel="stylesheet" href="/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
해당 태그의 속성 중 "integrity"의 값이 현재 사용중인 부트스트랩 버전의 것과 일치하지 않으면 브라우저에서 block됩니다.
만약, 최신버전의 부트스트랩을 사용중이시라면
부트스트랩 다운로드 페이지 아래쪽에 "Bootstrap CDN" 항목이 있습니다. 그곳에서 제공하는 소스 중 위에서 언급한 "integrity" 속성의 값을 복사해서 프로젝트의 것과 교체해주시면 됩니다.
* css파일이랑 js파일 둘의 integrity 값이 다르니깐 잘 보시고 복사하세요.
답변 15
16
감사합니다.
작성자님 덕분에 잘 해결 되었습니다.
링크 - https://getbootstrap.com/docs/4.4/getting-started/introduction/
복사한 부분입니다.
css
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
3
1
1
1
1
1
1
1
1
1
1
1
1
0
<!-- Bootstrap CSS -->
<link href="/css/bootstrap.min.css" rel="stylesheet">
<link href="/css/jumbotron-narrow.css" rel="stylesheet">
값을 변경해도 안되길래 그냥 뺐어용..이렇게..
!!