angular (5) 썸네일형 리스트형 Angular SSR 시 hammer.js 오류 회사에서 사용하는 컴포넌트 라이브러리인 Kendo UI for Angular 사용할 때 SSR 시 hammer.js 오류가 나는 현상이 있었다. https://www.telerik.com/kendo-angular-ui/components/charts/get-started/ Charts Library Getting Started | Kendo UI for Angular Chart A highly customizable chart of categorical, circular, freeform, and scatter series types. www.telerik.com 서버 측에서 window is now defined. 라는 오류가 나고 있었다. 구글링해보니 바로 hammer.js 에서 발생하는 오류인 걸 .. typescript에러 발생 시 터미널의 오류 Cannot find name 'unique'. Cannot find name 'symbol'. 아이오닉 빌드 후 화면에 나타난 오류 회사 아이오닉 프로젝트를 새로운 pc에서 빌드를 하려고 하는데 오류가 발생해서 빌드를 계속 실패 했다. 당시에 angular-cli 버전도 9버전대 여서 6버전대로 낮추고 최대한 빌드가 잘됐던 상태로 버전을 다 낮췄다. 위와 같은 typescript에러가 발생해서 typescript 쪽만 보고 구글링을 했는데 아무리 찾아도 답을 찾을 수 가 없었다. 그래서 node_modules쪽에 소스를 직접 봐야겠다 하고 보다보니깐 이런 @types라는 모듈을 찾을 수 있었는데 여기 안에 node디렉터리에 ts 3버전대 만 있는 걸 확인 했다. 근데 프로젝트 typesc.. innerHTML 사용 시 css 깨질 때 string으로 넘어온 html태그들이나 통째로 html 태그들을 받아서 화면에 출력해야 할 때 innerHTML 을 사용하여 그대로 출력하는 방법이 있다.그런데 innerHTML로 출력할 html에 컴포넌트에 적용된 css들에 영향을 받아 innerHTML에 출력할 부분의 css가 깨지는 경우가 있었다. 이 때 string html을 DomSanitizer.bypassSecurityTrustHtml 이라는 함수를 사용해서 SafeHTML 형태의 데이터로 변환후에 뷰에 출력했을 때 string형 html에 적용된 css 그대로 출력되었다. DomSanitizer를 의존성 주입을 받고 1this.DomSanitizer.bypassSecurityTrustHtml(stringHTML)cs 이렇게 사용한다.by.. NgZone으로 실행되지 않거나 멈춤현상이 일어나는 현상 해결 angular에서 Router로 다른 경로의 페이지로 이동할 때 이동하고 나서 컴포넌트가 생성이되다가 멈추는 현상이 발생하는 경우가 발생했다.특히 찾다보니 외부 라이브러리를 가져다 쓰는 경우에 앵귤러에서 제대로 감지하지 못하는 경우가 발생하기 때문인 것 같아 보인다. 이런 현상은 꼭 Router로 인한 것 만은 아니고 여러 경우가 있는 것 같다. 당시 현상은 컴포넌트가 생성이 되다가 멈춰서 ui가 그려지다 말아서 그런지 깨져서 보이고 또한 컴포넌트를 조금씩 클릭하거나 변화를 주려고 하면 다시 생성을 멈춘게 작동을 해서 다시 컴포넌트가 생성이 되긴했다. 이 때 NgZone을 의존성 주입받아서 Router.navigate 함수를 NgZone.run 함수로 감싸 실행해서 해결 했다. NgZone은 앵귤러 안에.. angular node sass error angular-cli를 업데이트 하고 나서 angular ng serve 시에 Node Sass could not find a binding for your current environment: OS X 64-bit with Node.js 10.x ... 이런 오류가 발생하면서 잘되던 빌드가 안되는 경우가 있다. npm rebuild node-sass --force 이런 오류가 발생할 때 위의 명령어를 실행 해 주고나서 다시 ng serve를 실행하면 다시 잘 작동한다. 근데 저 명령어를 실행하고나서 꽤 시간이 걸렸다. https://github.com/sass/node-sass/issues/1993 이전 1 다음
