: 반응 - 매끄러운 추가하면 오류가 발생합니다 - 존재하지 matchMedia

Question

내 웹팩 프로젝트에 반응-매끄러운 슬라이더를 추가, 내 차이 테스트

C:\project\proj\js\node_modules\enquire.js\dist\enquire.js:226 
      throw new Error('matchMedia not present, legacy browsers require a polyfill'); 
      ^

Error: matchMedia not present, legacy browsers require a polyfill 
    at Object.MediaQueryDispatch (C:\project\proj\js\node_modules\enquire.js\dist\enquire.js:226:19) 
    at C:\project\proj\js\node_modules\enquire.js\dist\enquire.js:291:9 
    at i (C:\project\proj\js\node_modules\enquire.js\dist\enquire.js:11:20) 
    at Object.<anonymous> (C:\project\proj\js\node_modules\enquire.js\dist\enquire.js:21:2) 

와 함께이 문제에 대한 유일한 수정 실패하기 시작하면 그 추천 된 슬라이더 구성 요소의 저자 인 here은 농담입니다. 나는 내 환경에서 그것을 시도했지만 작동하지 않았다.

Answer 1

이 솔루션은 일반적으로 테스트 러너를 기반으로해야 당신은

window.matchMedia =() => ({ 
    matches : false, 
    addListener :() =>{}, 
    removeListener:() =>{}, 
}); 

또는

window.matchMedia = function(){ 
    matches : false, 
    addListener : function() {}, 
    removeListener: function() {}, 
}; 

이 창 같은 것이 정의되지 않은 당신이 한 경우 window.matchMedia을 조롱해야 시험 주자가 사용하는 세계 개체에 연결하려고 할 수 있습니다. 이 도움이 될 것입니다

희망, 행운