Ng-lazyload-image: TypeError: 중간 대 상단에서 페이지를 로드할 때 정의되지 않은 'toLowerCase' 속성을 읽을 수 없습니다.

안녕하세요,

나는 이것을 재현할 수 없다 :/
"테스트 페이지를 정상적으로 로드하십시오"라고 말할 때. https://tjoskar.github.io/ng-lazyload-image 페이지를 의미합니까 아니면 npm start 하여 로컬에서 페이지를 실행합니까?

어떤 브라우저를 사용하고 있습니까?

github.io에서 어떤 이유로 한 번 로드한 후 페이지를 새로 고칠 수 없습니다. 매번 404를 찾을 수 없다고 나옵니다 :(

그러나 일반적으로 어떤 프로젝트에서든 로컬에서 의미합니다. 저는 Universal 및 Node와 함께 Angular 4를 사용하고 있습니다(범용이 이와 관련이 있을 수 있음). Windows 10용 Chrome 59 사용. 새로운 onLoad 기능의 버그일 수 있지만 긍정적인 것은 아닙니다. 오류는 노드 콘솔에만 표시되며 Chrome 콘솔에는 오류가 발생하지 않는 것 같습니다.

안녕하세요 @elitenick 입니다 .
전체 스택 오류 추적을 제공할 수 있습니까?

@tjoskar
나는 그 오류가 https://github.com/tjoskar/ng-lazyload-image/blob/master/src/lazyload-image.ts#L75 와 관련이 있다고 생각합니다. 전에 여기에서 오류를 잡을 수 있지만 이후에는 그렇지 않습니다.
Angular Universal에서는 여기 https://github.com/tjoskar/ng-lazyload-image/blob/master/src/lazyload-image.ts#L47 에서 서버의 element 가 정의되지 않았기 때문에 오류가 발생합니다.
문제의 아주 좋은 해결책은 서버 측에서 lazy img를 비활성화하는 것입니다.

github.io에서 어떤 이유로 한 번 로드한 후 페이지를 새로 고칠 수 없습니다. 매번 404를 찾을 수 없다고 나옵니다 :(

예, github이 모든 요청을 index.html로 리디렉션하는 것을 지원하지 않기 때문입니다(그러나 이는 완전히 다른 문제입니다)

아마도 Angular Universal과 관련이 있을 수 있지만 이해할 수 없는 몇 가지 사항이 있습니다.

1. 페이지를 새로 고칠 때만 오류가 발생하는 이유는 무엇입니까? 노드는 스크롤 위치 또는 첫 번째 또는 두 번째 방문인지에 대한 정보를 얻지 않아야 합니다(백엔드에는 그러한 종류의 상태가 없어야 함).
2. 문제의 원인 이 이 행 이라고 가정해 보겠습니다. 그렇다면 nodeName 에서 element 오류 없이 액세스하고 있고 또한 isVisible() 에서 element 를 사용하고 있기 때문에 element 를 정의 해제할 수 없습니다. 그리고 우리는 그 함수에서 window 를 사용하고 있습니다. 이것은 서버 컨텍스트에서 정의되지 않아야 합니다.

나는 이것이 새로운 onLoad 기능의 버그일 수 있다고 생각하지만 긍정적인 것은 아닙니다.

(onLoad) 입니까? 제거를 시도하고 오류를 재현할 수 있는지 확인할 수 있습니까?

@rimlin

문제의 아주 좋은 해결책은 서버 측에서 lazy img를 비활성화하는 것입니다.

예, 서버에서 이미지를 지연 로드하는 것은 의미가 없습니다(화면 크기에 대해 아무것도 모르기 때문에).
어쩌면 우리는 추가 할 수 있습니다 if (isPlatformServer(this.platformId)) return; ( 심판 에) ngAfterContentInit .

https://github.com/tjoskar/ng-lazyload-image/pull/179

@elitenick , 방금 @rimlin pull 요청으로 [email protected] 를 게시했습니다 . 설치하고( npm install [email protected] ) 문제가 해결되는지 확인할 수 있습니까?

확실히! 오늘 확인해서 알려드리겠습니다! 고마워 얘들아.

해결되었습니다! 정말 감사합니다!! 동일한 시나리오를 여러 번 재현했으며 더 이상 노드 오류가 발생하지 않았습니다. 그리고 Angular가 시작되면 지연 로딩이 계속 작동합니다.

[email protected] 됩니다.