css error: Uncaught DOMException 에러 해결 방법을 찾아봤습니다.

제가 이 증상을 확인한 건 지난 주였는데요.

 

위와 같은 에러가 발생하면서 자바 스크립트 단에서 에러가 발생했습니다. 큰 문제는 아닌데 간헐적으로 체크박스나 버튼들이 동작을 잠깐 안 하는 문제가 생기니까 어쨌든 고쳐야 합니다. 자료를 찾아봐도 한국어 자료는 없어서 영어 자료들을 뒤져봤더니 다음과 같은 글들을 찾을 수 있었습니다.

• Uncaught DOMException: Failed to read the 'cssRules' property from 'CSSStyleSheet': Cannot access rules
• Error loading dojo mobile 1.13.0 (1.12.2) under android chrome browser after update
• No Doctype Icons - Failed to read the 'rules' property from 'CSSStyleSheet': Cannot access rules in Chrome 64

많이 부족한 영어 실력으로 번역도 해보고 번역기도 돌려 본 결과 제가 파악하기로는 구글 크롬 브라우저 그중에서도 64bit용 크롬에서만 해당 증상이 나타나는 것 같습니다. 크롬 64에서 css 파일에 대한 새로운 보안 정책을 적용해서 생기는 문제로 저 같은 경우 다음과 같은 구문에서 에러가 발생했습니다.

<link rel="stylesheet" href="http://fonts.googleapis.com/earlyaccess/notosanskr.css">

그래서 notosankr.css 파일을 다운로드하여 내부에서 처리하도록 하니까 증상이 사라지긴 했는데 흠~ 크롬 다음 버전에서 해결이 될 거라는 얘기가 있는 것 같은데 급하신 분들은 스타일 시트를 외부에서 액세스 하려고 하지 말고 내부에서 처리해야 할 것 같습니다.