Vue Devtools가 로컬에서 작동하지 않음
Vue Devtools는 온라인상의 모든 데모/프로세서에서는 동작하지만, 로컬 페이지에서는 동작하지 않습니다.다음과 같은 경우에도Vue Devtools아이콘은 회색('Vue.js not detected')으로 유지됩니다.왜요?
<html>
<head>
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
</head>
<body>
<div id="app"></div>
<script>
Vue.config.devtools = true;
</script>
</body>
</html>
고객님이 사용하고 있는 Vue 소스는 최소한으로 억제되어 실제 가동 환경에 구축되어 있는 것 같습니다.최소화되지 않은/비실가동 빌드를 사용해야 합니다.대신, https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.15/vue.js 를 사용해 주세요.
또한 로컬 파일로 작업하는 경우(예: 다음과 같은 페이지에 액세스하는 경우)file://...그런 다음 "Chrome 확장자 관리 패널에서 이 확장자에 대한 "파일 URL에 대한 액세스 허용"을 선택해야 합니다." https://github.com/vuejs/vue-devtools을 참조하십시오.
vue 인스턴스를 하나 이상 추가해야 devtools에서 vue 인스턴스를 검색할 수 있습니다.다음 작업을 수행합니다.
new Vue({el: '#app'})
먼저 브라우저를 새로 고칩니다.
정상적으로 동작하지 않는 경우는, CSS 와 JavaScript 를 컴파일 하는 경우는, 양쪽 모두에 대해서 개발 컴파일을 실시하지 않고, 최소화된 파일을 사용해 실전 가동하는 것을 확인해 주세요.
prod용으로 최소 1개의 파일이 최소화된 경우 devtools가 표시되지 않습니다.
언급URL : https://stackoverflow.com/questions/49242268/vue-devtools-not-working-locally
'source' 카테고리의 다른 글
| Java 문자열에서 공백 제거 (0) | 2022.08.28 |
|---|---|
| v-model 2 값은 어떻게 합니까? (0) | 2022.08.28 |
| C 및 C++의 반환 보이드 유형 (0) | 2022.08.28 |
| 카드 그룹 부트스트랩 vue에서 열을 설정하려면 어떻게 해야 합니까? (0) | 2022.08.28 |
| vue 파일 스타일을 하나의 개별 style.css 파일로 추출하는 방법 (0) | 2022.08.28 |