웹팩 글꼴 아이콘이 표시되지 않는 문제 해결 방법

이번에는 웹팩 글꼴 아이콘이 표시되지 않는 문제를 해결하는 방법을 알려드리겠습니다. 웹팩 글꼴 아이콘이 표시되지 않는 문제를 해결하기 위한 주의사항은 무엇입니까? 다음은 실제 사례입니다. 바라보다.

문제: 프로젝트 개발 중 글꼴 아이콘을 사용할 때 다음과 같은 오류 메시지가 나타납니다.

모든 글꼴 아이콘이 정상적으로 표시되지 않으며, 글꼴을 디코딩할 수 없다는 오류 메시지가 나타납니다.

문제 해결 방법: 오랜 시간 동안 검색한 결과 webpack 구성 중에 다음 코드를 수동으로 추가하여 오류가 발생했음을 발견했습니다. webpack.base.conf에 delete

{ 
    test: /\.(eot|svg|ttf|woff|woff2)(\?\S*)?$/, 
    loader: 'file-loader' 
   },

.js 파일 요약:

사실 vue-cli에서 자동으로 생성한 구성 파일 을 사용하여 글꼴 아이콘 파일을 컴파일했는데, 직접 작성한 파일과 자동으로 생성된 파일

이 충돌합니다.

이 글의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 내용을 보려면 PHP 중국어 웹사이트의 다른 관련 글도 주목해 주세요!

추천 자료:

vue의 로컬 정적 이미지 경로

Angularjs에서 메모리 오버플로를 처리하는 방법

위 내용은 웹팩 글꼴 아이콘이 표시되지 않는 문제 해결 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!