Vue: 런타임 예외 : 성능이 정의되지 않음-v2.6.9 사용

버그를보고 할 때 재현을 제공하십시오

안녕하세요 @posva ,
이 문제는 온라인 편집기로 복제되지 않지만 재현 단계 섹션에서 github의 프로젝트에 대한 단계를 제공했습니다.
인사말,
플 라멘

당신이 연결 한 것은 아카이브되고 더 이상 사용되지 않는 예제입니다. 재현은 jsfiddle 일 필요는 없으며 HTML 파일 (또는 그 내용 만) 일 수 있습니다. 또한 mocha 또는 vue-test-utils와 같은 다른 종속성을 포함하지 않아야합니다 (해당 패키지에서 문제가 될 수 있음). 건배.

답장 해 주셔서 감사합니다!
흠-다른 접근 방식을 시도해 보겠습니다. 이 줄에있는 '성능'은 파일 어디에도 선언되어 있지 않습니다. window.performance와 config.performance가 있지만 글로벌 '성능'이 보이지 않습니다. 여기 에 존재하지 않기 때문에 최신 릴리스와 함께 제공됩니다.

파일에 대한 정적 분석을 실행하면 발생합니다.

인사말,
플 라멘

또한 이것을 얻고 있습니다. Vue가 2.6.9로 업그레이드 된 후 CI로부터 경고를 받았습니다 (저는 Renovate를 사용하여 deps를 최신 상태로 유지합니다).

jsdom 환경에서 다음과 같이 보입니다.

> window.performance
Performance {}
> performance
ReferenceError: performance is not defined

따라서 jsdom에서 코드를 올바르게 실행하려면 performance 직접 호출하는 대신 window.performace 를 사용해야합니다.

좋아, 라벨 개선을 추가하기 전에 메뉴를 열고 has PR 라벨을 추가 한 후 바깥 쪽을 클릭하여 제거했다고 생각합니다. 재미있는 가장자리 케이스

JSDOM가있다하지만 주목해야한다 performance 를 통해 지원 process.hrtime , 나는 우리가 가진 현재의 해킹을 보장 할 수 있다고 생각하지 않습니다 performance (항상 작업 JSDOM 환경에서 예상되므로를 결국 브라우저의 구현과 다릅니다).

@posva 😂

이것이 릴리스 될 때까지 해결 방법은 JSDOM 등록 후에 다음 행을 추가하는 것입니다.

// eslint-disable-next-line no-undef
global.performance = window.performance;

이것이 릴리스 될 때까지 해결 방법은 JSDOM 등록 후에 다음 행을 추가하는 것입니다.

// eslint-disable-next-line no-undef
global.performance = window.performance;

멍청해서 미안하지만 JSDOM 등록이 Vue CLI 3 및 cli-plugin-unit-mocha (setup.js 없음)에서 추상화되었으므로 다음 줄을 어디에 추가해야합니까?

도와 주셔서 감사합니다...

// eslint-disable-next-line no-undef 
global.performance = window.performance;

같은 질문입니다. 다음 줄을 어디에 추가합니까?

@theonlychase 내 기본 테스트 진입 점 test/setup.js 했습니다. require('jsdom-global')

--require 플래그에서 아래 참조.

"test": "mocha-webpack --webpack-config webpack/webpack.config.test.js --require test/setup.js reporter mocha-bamboo-reporter"