run on ionic4 get error

[zhujin001032]

[wnabil]

Thanks for reporting, please post here all package.json file content

[zhujin001032]

{ "name": "newMetaDataApp", "version": "0.0.1", "author": "Ionic Framework", "homepage": "https://ionicframework.com/", "scripts": { "ng": "ng", "start": "ng serve", "build": "ng build", "test": "ng test", "lint": "ng lint", "e2e": "ng e2e" }, "private": true, "dependencies": { "@angular/animations": "^7.2.15", "@angular/common": "^7.2.2", "@angular/core": "^7.2.2", "@angular/forms": "^7.2.2", "@angular/http": "^7.2.2", "@angular/platform-browser": "^7.2.2", "@angular/platform-browser-dynamic": "^7.2.2", "@angular/router": "^7.2.2", "@ionic-native/app-version": "^5.13.0", "@ionic-native/background-mode": "^5.3.0", "@ionic-native/base64-to-gallery": "^5.19.0", "@ionic-native/camera": "^5.5.1", "@ionic-native/core": "^5.0.0", "@ionic-native/file": "^5.5.1", "@ionic-native/file-opener": "^5.13.0", "@ionic-native/file-path": "^5.5.1", "@ionic-native/file-transfer": "^5.13.0", "@ionic-native/geolocation": "^5.5.1", "@ionic-native/image-picker": "^5.5.1", "@ionic-native/in-app-browser": "^5.17.1", "@ionic-native/ionic-webview": "^5.12.0", "@ionic-native/keyboard": "^5.17.0", "@ionic-native/splash-screen": "^5.0.0", "@ionic-native/status-bar": "^5.0.0", "@ionic/angular": "^4.11.3", "@ionic/storage": "^2.2.0", "@jiguang-ionic/jpush": "^2.0.0", "chart.js": "^2.8.0", "com.jasonhe.cordova.screenshot": "^1.0.6", "cordova-android": "7.1.4", "cordova-android-support-gradle-release": "^3.0.1", "cordova-base64-to-gallery": "^4.1.3", "cordova-ios": "5.1.1", "cordova-plugin-actionsheet": "^2.3.3", "cordova-plugin-adam-wechat": "^3.0.6", "cordova-plugin-alipay-v2": "git+https://github.com/hhjjj1010/cordova-plugin-alipay-v2.git", "cordova-plugin-app-version": "^0.1.9", "cordova-plugin-baidumaplocation": "git+https://github.com/AndrewWen099/ionic-plugin-baidumaplocation.git", "cordova-plugin-camera": "^4.1.0", "cordova-plugin-device": "^2.0.3", "cordova-plugin-file": "^6.0.2", "cordova-plugin-file-opener2": "^2.2.1", "cordova-plugin-file-transfer": "^1.7.1", "cordova-plugin-filepath": "^1.5.6", "cordova-plugin-inappbrowser": "^3.1.0", "cordova-plugin-ionic-keyboard": "^2.2.0", "cordova-plugin-ionic-webview": "^4.1.2", "cordova-plugin-jcore": "^1.3.1", "cordova-plugin-splashscreen": "git+https://github.com/zhujin001032/cordova-plugin-splashscreen.git", "cordova-plugin-statusbar": "^2.4.3", "cordova-plugin-telerik-imagepicker": "^2.3.3", "cordova-plugin-whitelist": "^1.3.4", "core-js": "^2.5.4", "crypto-js": "^3.1.9-1", "dom-to-image": "^2.6.0", "dom-to-picture": "^0.1.2", "echarts": "^4.2.1", "html-element-to-image": "^2.1.0", "ionic-cache": "^4.0.1", "jpush-phonegap-plugin": "^3.7.3", "ng-socket-io": "^0.2.4", "ng-zorro-antd-mobile": "^0.12.5", "ng2-charts": "^2.3.0", "ngx-echarts": "^4.2.1", "ngx-export-as": "^1.4.0", "node": "^11.4.0", "qrcode": "^1.4.4", "rxjs": "~6.5.1", "rxjs-compat": "^6.5.2", "strophe.js": "^1.3.4", "tslib": "^1.9.0", "vconsole": "^3.3.4", "zone.js": "~0.8.29" }, "devDependencies": { "@angular-devkit/architect": "~0.13.8", "@angular-devkit/build-angular": "~0.13.8", "@angular-devkit/core": "~7.3.8", "@angular-devkit/schematics": "~7.3.8", "@angular/cli": "~7.3.8", "@angular/compiler": "~7.2.2", "@angular/compiler-cli": "~7.2.2", "@angular/language-service": "~7.2.2", "@ionic/angular-toolkit": "~1.5.1", "@types/jasmine": "~2.8.8", "@types/jasminewd2": "~2.0.3", "@types/node": "~12.0.0", "codelyzer": "~4.5.0", "jasmine-core": "~2.99.1", "jasmine-spec-reporter": "~4.2.1", "karma": "~4.1.0", "karma-chrome-launcher": "~2.2.0", "karma-coverage-istanbul-reporter": "~2.0.1", "karma-jasmine": "~1.1.2", "karma-jasmine-html-reporter": "^0.2.2", "protractor": "~5.4.0", "ts-node": "~8.1.0", "tslint": "~5.16.0", "typescript": "^3.2.4" }, "description": "An Ionic project", "cordova": { "plugins": { "cordova-plugin-camera": { "ANDROID_SUPPORT_V4_VERSION": "27.+" }, "cordova-plugin-whitelist": {}, "cordova-plugin-statusbar": {}, "cordova-plugin-file": {}, "cordova-plugin-actionsheet": {}, "cordova-plugin-telerik-imagepicker": { "PHOTO_LIBRARY_USAGE_DESCRIPTION": "上传图片需要访问您的相册" }, "cordova-plugin-filepath": {}, "cordova-android-support-gradle-release": { "ANDROID_SUPPORT_VERSION": "27.+" }, "com.jasonhe.cordova.screenshot": { "PHOTO_LIBRARY_USAGE_DESCRIPTION": " ", "PHOTO_LIBRARY_ADDITIONS_USAGE_DESCRIPTION": " " }, "cordova-plugin-ionic-keyboard": {}, "cordova-plugin-adam-wechat": { "WECHATAPPID": "wx598456e65e41" }, "cordova-plugin-ionic-webview": { "ANDROID_SUPPORT_ANNOTATIONS_VERSION": "27.+" }, "cordova-plugin-baidumaplocation": { "ANDROID_KEY": "xyAzSFz25ikzo2GDyX3ZMNysU1HG04Re", "IOS_KEY": "HezdKbIcIDzu64uAQHHeVB2sC2h5", "IOS_LOCATION_DESC": "请点击'好'以允许访问。" }, "cordova-plugin-splashscreen": {}, "cordova-plugin-app-version": {}, "cordova-plugin-file-opener2": {}, "cordova-plugin-file-transfer": {}, "cordova-plugin-alipay-v2": { "APP_ID": "2017081508209526" }, "cordova-plugin-device": {}, "jpush-phonegap-plugin": { "APP_KEY": "1b6248dd26f17cfa4782****", "CHANNEL": "developer-default" }, "cordova-plugin-inappbrowser": {}, "cordova-base64-to-gallery": {} }, "platforms": [ "ios", "android" ] } }

[zhujin001032]

All ionic4 elements has the "#show-root"

[wnabil]

so you got the error during the plugin install or on app start or when trying to export ?

[zhujin001032]

got the error when trying to export ；And the export png lost all img.

[elamoraz]

I'm experiencing the same error. Is a problem with web components and html2canvas

[wnabil]

@elamoraz @zhujin001032 use useCORS: true in the options its html2canvas issue