Vue devtools 활성화 문제

vue.js를 사용해서 개발할때 거의 필수적으로 필요한 확장프로그램 vue devtools 에서

개발자도구의 Vue 탭이 활성화되지 않는 문제점을 발견.

단순히 chrome 브라우저에서의 문제점인줄 알았으나 

해결책을 찾기위해 검색해보니 firefox에서도 같은 문제점이 종종 발견되는것 같았다.

 

 

위 문제는

파일 url에 대한 액세스 허용

활성화/비활성화를 재시도하거나, 페이지 새로고침,

js 페이지 내에서 Vue.config.devtools = true; 를 해주어도 해결되지 않았지만

엄청 단순한 방법으로 해결되었다.

 

(출처 : https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.13/vue.js)

vue.js 로드시 min 파일처럼 압축된(?) 걸 사용하지 않고 vue.js 개발버전을 사용하면 된다.

개발버전 : https://vuejs.org/js/vue.js