bboks.net™

Ionic 5를 사용하다가 6로 넘어와서 프로젝트를 구성하던 중 Angular Schematics를 이용해 module을 생성하려고 하는데 모듈 생성이 되지 않는 현상 발생 에러 내용은 $ ng g module test --module app --route test File test/test.module.ts does not exist. 뭐지? 구글링을 하던중 링크에서 힌트를 찾고 5와 6의 angualr.json 내용을 확인해보니 다름 Ionic 5 "cli": { "defaultCollection": "@ionic/angular-toolkit" }, Ionic 6 "cli": { "schematicCollections": [ "@ionic/angular-toolkit" ] }, 혹시나 하고 6의 내용..

Ionic production 빌드 후 잘되던 FileReader의 onload가 안됨 구글링 해보니 나와 같은 현상을 겪은 사람들 발견 아래와 같이 처리 기존코드 const file = event.target.files[0]; const reader = new FileReader(); reader.readAsDataURL(file); reader.onload = () => { console.log(reader.result); }; 수정버전 const file = event.target.files[0]; let FileReader: new() => FileReader = ((window as any).FileReader as any).__zone_symbol__OriginalDelegate; const ..

Ionic 버전이 6.15.x에서 6.16.x으로 업그레이드 되면서 capacitor 버전도 2.x에서 3.x로 올라갔다. Ionic 6.15.x를 이용해서 Android platform을 추가하려고 하니 unknown option ‘–npm-client’ 오류가 발생하면서 추가가 되지 않음..... 구글링하고 Ionic을 최신(6.16.x)으로 변경하니 정상적으로 추가가 됨 ionic cap run android -l --external을 이용해 실행하려고 하니 Anroid SDK를 찾지 못한다고 하여 윈도우 환경 변수에 ANDROID_HOME 추가 후 다시 실행 capacitor 2.x에서 실행시 Android Studio가 뜨던 것과 다르게 기기에 바로 설치되어 실행(안드로이드 native 디버깅을..

모든 앱이 그렇겠지만 ionic으로 만든 앱도 시스템의 theme를 따라간다. 앱에 따라 dark 테마를 적용하지 말아야 할 때가 있다. 제거하는 방법은 variables.scss의 dark schema를 제거하면 된다. @media (prefers-color-scheme: dark) 에서 아래 부분을 제거하면 dark 테마가 적용되지 않는다. [참고] Disable dark theme in Ionic