index.html 아이콘,폰트 CDN 입력하였으나 개발자 도구에서 보이지 않습니다.
551
작성한 질문수 1
index.html에서 fontawesom, googlefont CDN을 입력 후 npm run serve 후 브라우저를 실행하니 버튼이 보이지 않고
개발자 도구를 실행하였는데 Elements에 입력한 CDN이 보이지 않습니다.
개발자 도구에서 Edit as HTML을 통하여 CDN을 입력했더니 버튼이 노출되기 시작합니다.
npm run serve 후 버튼이 노출되지 않는 이유가 있을까요? 해결이 되지 않아 문의드립니다. ㅜㅜ
답변 4
1
안녕하세요.
TodoHeader.vue의 <header>에 link rel 달아줬더니 뜨긴 뜨는데 왜 뜨는지는 모르겠습니다.
이렇게 해도 맞는건가요??
<template>
<header>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.0/css/all.min.css" integrity="sha384-REHJTs1r2ErKBuJB0fCK99gCYsVjwxHrSU0N7I1zl9vZbggVJXRMsv/sLlOAGb4M" crossorigin="anonymous">
<h1>TODO it!</h1>
</header>
</template>
1
안녕하세요 장기효(캡틴판교)님 올려주신 링크 참고하여 5.12.0 Link Tag를 index.html에 수정 후
서버 종료 > 실행하였으나 여전히 link태그가 갱신이 안되고 있습니다 ㅜㅜ
0
@Hyung님, 링크 태그가 갱신이 안되는 문제는 아무래도 "크롬에 설치하신 특정 익스텐션과의 충돌"이거나 "어떤 이유에서 웹팩 데브 서버가 정상적으로 동작 안함" 일 것 같아요..! 해당 내용 참고하셔서 다시 한번 살펴보시면 좋을 것 같습니다..!
@happy님, 링크 태그는 일반적으로 head 태그 안에 들어가야 합니다. body 태그 안에 들어가도 동작은 하나 브라우저 렌더링에 위배되는 코드이므로 head 태그 안으로 넣는 걸 추천드립니다..!
0
안녕하세요 Hyung님, index.html 파일에 추가한 어썸 아이콘 link 태그가 갱신이 잘 안된 것 같아요. 파일 수정하신 다음 서버를 종료하셨다가 다시 실행해서 확인해보시겠어요? 참고로 강좌에서 다룬 버전과 최신 버전이 안맞아서 그런 것일수도 있으니 아래 링크에 나온 CDN 주소(css 탭)를 참고하셔도 좋을 것 같습니다.
Chrome 개발자 모드 확장이 안됨
0
260
1
깃 권한 요청드립니다
0
118
1
vue.js 중급 리포지토리 권한 관련
0
118
1
vuex + axios 질문 있습니다!
1
198
2
깃 권한 요청드립니다!
0
161
1
강의 깃주소 문의
0
144
1
router-view에 props를 어떻게 넘길 수 있나요?
1
280
2
Vue가 인식되지 않는 현상
0
205
1
기초강좌는 어디있나요?
1
190
2
App.vue가 필요한 이유
0
192
1
getter가 정의되어 있지 않아 오류가 발생합니다.
1
254
1
뷰 라이프사이클
1
187
1
TSLint 말고 TSLint Vue 설치해도 되나요?
1
368
3
로컬 스토리지는 어디에 있나요?
1
280
1
vuex 실행시 새로고침해야지만 리스트에 나타나는 현상
1
387
2
export default 관련한 질문
0
354
2
깃허브 vue-todo 접근불가에 따른 확인요청
1
354
2
깃허브에 문제있는것 같습니다.
1
273
2
인프런 강의 재생 화면 구성 변경 문의드립니다
1
304
2
addTodo Helper 함수 적용
1
243
1
vuex 헬퍼 전역 설정
1
245
2
github 권한요청드립니다.
1
258
2
이벤트 위치에 대한 궁금증 입니다.
1
223
2
구조 차이에 대한 문의
1
345
2