Capacitor Camera Fails on Windows 10 Build 1709
See original GitHub issueDescription of the problem:
I’ve created a test camera app using Ionic, Capacitor, Electron. Camera can capture picture on Mac, but fails on certain windows 10. It works on windows 10 build 1809 but fails on build 1709.
it able to show preview, but it fails to take the picture. Here are the errors when I try to take capture
Unable to take photo! DOMException: setOptions failed
I see few other errors when it opens the electron window, those errors are -
- It misses few icons(path could be wrong) for the camera preview i guess
- zone module errors
Here are the whole logs -
core.js:16829 Angular is running in the development mode. Call enableProdMode() to enable the production mode.
null:1 GET file:///C:/Users/mmusa/Desktop/Dev/IonicCapacitorElectronApp/electron/app/null net::ERR_FILE_NOT_FOUND
Image (async)
push../node_modules/@angular/platform-browser/fesm5/platform-browser.js.DefaultDomRenderer2.setProperty @ platform-browser.js:1134
push../node_modules/@angular/core/fesm5/core.js.DebugRenderer2.setProperty @ core.js:24348
setElementProperty @ core.js:21110
checkAndUpdateElementValue @ core.js:21061
checkAndUpdateElementInline @ core.js:21008
checkAndUpdateNodeInline @ core.js:23359
checkAndUpdateNode @ core.js:23325
debugCheckAndUpdateNode @ core.js:23959
debugCheckRenderNodeFn @ core.js:23945
(anonymous) @ HomePage.html:12
debugUpdateRenderer @ core.js:23937
checkAndUpdateView @ core.js:23312
callViewAction @ core.js:23548
execComponentViewsAction @ core.js:23490
checkAndUpdateView @ core.js:23313
callViewAction @ core.js:23548
execEmbeddedViewsAction @ core.js:23511
checkAndUpdateView @ core.js:23308
callViewAction @ core.js:23548
execComponentViewsAction @ core.js:23490
checkAndUpdateView @ core.js:23313
callWithDebugContext @ core.js:24177
debugCheckAndUpdateView @ core.js:23879
push../node_modules/@angular/core/fesm5/core.js.ViewRef_.detectChanges @ core.js:21688
(anonymous) @ core.js:18119
push../node_modules/@angular/core/fesm5/core.js.ApplicationRef.tick @ core.js:18119
(anonymous) @ core.js:18010
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke @ zone.js:391
onInvoke @ core.js:17299
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke @ zone.js:390
push../node_modules/zone.js/dist/zone.js.Zone.run @ zone.js:150
push../node_modules/@angular/core/fesm5/core.js.NgZone.run @ core.js:17213
next @ core.js:18010
schedulerFn @ core.js:13515
push../node_modules/rxjs/_esm5/internal/Subscriber.js.SafeSubscriber.__tryOrUnsub @ Subscriber.js:192
push../node_modules/rxjs/_esm5/internal/Subscriber.js.SafeSubscriber.next @ Subscriber.js:130
push../node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber._next @ Subscriber.js:76
push../node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber.next @ Subscriber.js:53
push../node_modules/rxjs/_esm5/internal/Subject.js.Subject.next @ Subject.js:47
push../node_modules/@angular/core/fesm5/core.js.EventEmitter.emit @ core.js:13499
checkStable @ core.js:17268
onHasTask @ core.js:17312
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.hasTask @ zone.js:443
push../node_modules/zone.js/dist/zone.js.ZoneDelegate._updateTaskCount @ zone.js:463
push../node_modules/zone.js/dist/zone.js.Zone._updateTaskCount @ zone.js:291
push../node_modules/zone.js/dist/zone.js.Zone.runTask @ zone.js:212
drainMicroTaskQueue @ zone.js:601
Promise.then (async)
scheduleMicroTask @ zone.js:584
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.scheduleTask @ zone.js:413
onScheduleTask @ zone.js:301
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.scheduleTask @ zone.js:404
push../node_modules/zone.js/dist/zone.js.Zone.scheduleTask @ zone.js:238
push../node_modules/zone.js/dist/zone.js.Zone.scheduleMicroTask @ zone.js:258
scheduleResolveOrReject @ zone.js:879
resolvePromise @ zone.js:825
(anonymous) @ zone.js:741
webpackJsonpCallback @ bootstrap:25
(anonymous) @ home-home-module.js:1
zone.js:1152 GET file:///C:/svg/md-camera.svg net::ERR_FILE_NOT_FOUND
(anonymous) @ zone.js:1152
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.scheduleTask @ zone.js:410
onScheduleTask @ zone.js:301
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.scheduleTask @ zone.js:404
push../node_modules/zone.js/dist/zone.js.Zone.scheduleTask @ zone.js:238
push../node_modules/zone.js/dist/zone.js.Zone.scheduleMacroTask @ zone.js:261
(anonymous) @ zone.js:1147
ZoneAwarePromise @ zone.js:910
global.fetch @ zone.js:1146
getSvgContent @ ion-button_2-md.entry.js:258
push../node_modules/@ionic/core/dist/esm/legacy/ion-button_2-md.entry.js.Icon.loadIcon @ ion-button_2-md.entry.js:322
(anonymous) @ ion-button_2-md.entry.js:290
push../node_modules/@ionic/core/dist/esm/legacy/ion-button_2-md.entry.js.Icon.waitUntilVisible @ ion-button_2-md.entry.js:314
push../node_modules/@ionic/core/dist/esm/legacy/ion-button_2-md.entry.js.Icon.connectedCallback @ ion-button_2-md.entry.js:288
(anonymous) @ chunk-f257aad1.js:1074
step @ tslib.es6.js:99
(anonymous) @ tslib.es6.js:80
(anonymous) @ tslib.es6.js:73
ZoneAwarePromise @ zone.js:910
__awaiter @ tslib.es6.js:69
safeCall @ chunk-f257aad1.js:1065
fireConnectedCallback @ chunk-f257aad1.js:1513
(anonymous) @ chunk-f257aad1.js:1478
step @ tslib.es6.js:99
(anonymous) @ tslib.es6.js:80
fulfilled @ tslib.es6.js:70
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke @ zone.js:391
onInvoke @ core.js:17299
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke @ zone.js:390
push../node_modules/zone.js/dist/zone.js.Zone.run @ zone.js:150
(anonymous) @ zone.js:889
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask @ zone.js:423
onInvokeTask @ core.js:17290
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask @ zone.js:422
push../node_modules/zone.js/dist/zone.js.Zone.runTask @ zone.js:195
drainMicroTaskQueue @ zone.js:601
Promise.then (async)
scheduleMicroTask @ zone.js:584
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.scheduleTask @ zone.js:413
onScheduleTask @ zone.js:301
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.scheduleTask @ zone.js:404
push../node_modules/zone.js/dist/zone.js.Zone.scheduleTask @ zone.js:238
push../node_modules/zone.js/dist/zone.js.Zone.scheduleMicroTask @ zone.js:258
scheduleResolveOrReject @ zone.js:879
resolvePromise @ zone.js:825
(anonymous) @ zone.js:741
webpackJsonpCallback @ bootstrap:25
(anonymous) @ 28.js:1
core.js:15724 ERROR Error: Uncaught (in promise): TypeError: Failed to fetch
TypeError: Failed to fetch
at resolvePromise (zone.js:831)
at resolvePromise (zone.js:788)
at zone.js:892
at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:423)
at Object.onInvokeTask (core.js:17290)
at ZoneDelegate.push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:422)
at Zone.push../node_modules/zone.js/dist/zone.js.Zone.runTask (zone.js:195)
at drainMicroTaskQueue (zone.js:601)
defaultErrorLogger @ core.js:15724
push../node_modules/@angular/core/fesm5/core.js.ErrorHandler.handleError @ core.js:15772
next @ core.js:17771
schedulerFn @ core.js:13515
push../node_modules/rxjs/_esm5/internal/Subscriber.js.SafeSubscriber.__tryOrUnsub @ Subscriber.js:192
push../node_modules/rxjs/_esm5/internal/Subscriber.js.SafeSubscriber.next @ Subscriber.js:130
push../node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber._next @ Subscriber.js:76
push../node_modules/rxjs/_esm5/internal/Subscriber.js.Subscriber.next @ Subscriber.js:53
push../node_modules/rxjs/_esm5/internal/Subject.js.Subject.next @ Subject.js:47
push../node_modules/@angular/core/fesm5/core.js.EventEmitter.emit @ core.js:13499
(anonymous) @ core.js:17321
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke @ zone.js:391
push../node_modules/zone.js/dist/zone.js.Zone.run @ zone.js:150
push../node_modules/@angular/core/fesm5/core.js.NgZone.runOutsideAngular @ core.js:17258
onHandleError @ core.js:17321
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.handleError @ zone.js:395
push../node_modules/zone.js/dist/zone.js.Zone.runGuarded @ zone.js:164
_loop_1 @ zone.js:694
api.microtaskDrainDone @ zone.js:703
drainMicroTaskQueue @ zone.js:608
Promise.then (async)
scheduleMicroTask @ zone.js:584
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.scheduleTask @ zone.js:413
onScheduleTask @ zone.js:301
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.scheduleTask @ zone.js:404
push../node_modules/zone.js/dist/zone.js.Zone.scheduleTask @ zone.js:238
push../node_modules/zone.js/dist/zone.js.Zone.scheduleMicroTask @ zone.js:258
scheduleResolveOrReject @ zone.js:879
resolvePromise @ zone.js:825
(anonymous) @ zone.js:741
Promise.then (async)
(anonymous) @ zone.js:1092
ZoneAwarePromise @ zone.js:910
Ctor.then @ zone.js:1091
(anonymous) @ zone.js:1167
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.scheduleTask @ zone.js:410
onScheduleTask @ zone.js:301
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.scheduleTask @ zone.js:404
push../node_modules/zone.js/dist/zone.js.Zone.scheduleTask @ zone.js:238
push../node_modules/zone.js/dist/zone.js.Zone.scheduleMacroTask @ zone.js:261
(anonymous) @ zone.js:1147
ZoneAwarePromise @ zone.js:910
global.fetch @ zone.js:1146
getSvgContent @ ion-button_2-md.entry.js:258
push../node_modules/@ionic/core/dist/esm/legacy/ion-button_2-md.entry.js.Icon.loadIcon @ ion-button_2-md.entry.js:322
(anonymous) @ ion-button_2-md.entry.js:290
push../node_modules/@ionic/core/dist/esm/legacy/ion-button_2-md.entry.js.Icon.waitUntilVisible @ ion-button_2-md.entry.js:314
push../node_modules/@ionic/core/dist/esm/legacy/ion-button_2-md.entry.js.Icon.connectedCallback @ ion-button_2-md.entry.js:288
(anonymous) @ chunk-f257aad1.js:1074
step @ tslib.es6.js:99
(anonymous) @ tslib.es6.js:80
(anonymous) @ tslib.es6.js:73
ZoneAwarePromise @ zone.js:910
__awaiter @ tslib.es6.js:69
safeCall @ chunk-f257aad1.js:1065
fireConnectedCallback @ chunk-f257aad1.js:1513
(anonymous) @ chunk-f257aad1.js:1478
step @ tslib.es6.js:99
(anonymous) @ tslib.es6.js:80
fulfilled @ tslib.es6.js:70
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke @ zone.js:391
onInvoke @ core.js:17299
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke @ zone.js:390
push../node_modules/zone.js/dist/zone.js.Zone.run @ zone.js:150
(anonymous) @ zone.js:889
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask @ zone.js:423
onInvokeTask @ core.js:17290
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask @ zone.js:422
push../node_modules/zone.js/dist/zone.js.Zone.runTask @ zone.js:195
drainMicroTaskQueue @ zone.js:601
Promise.then (async)
scheduleMicroTask @ zone.js:584
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.scheduleTask @ zone.js:413
onScheduleTask @ zone.js:301
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.scheduleTask @ zone.js:404
push../node_modules/zone.js/dist/zone.js.Zone.scheduleTask @ zone.js:238
push../node_modules/zone.js/dist/zone.js.Zone.scheduleMicroTask @ zone.js:258
scheduleResolveOrReject @ zone.js:879
resolvePromise @ zone.js:825
(anonymous) @ zone.js:741
webpackJsonpCallback @ bootstrap:25
(anonymous) @ 28.js:1
C:\Users\mmusa\Desktop\Dev\IonicCapacitorElectronApp\electron\node_modules\electron\dist\resources\electron.asar\renderer\security-warnings.js:272 Electron Deprecation Warning (contextIsolation default change) This window has context isolation disabled by default. In Electron 5.0.0, context isolation will be enabled by default. To prepare for this change, set {contextIsolation: false} in the webPreferences for this window, or ensure that this window does not rely on context isolation being disabled, and set {contextIsolation: true}.
For more information, see https://electronjs.org/docs/tutorial/security#3-enable-context-isolation-for-remote-content
warnAboutContextIsolationDefault @ C:\Users\mmusa\Desktop\Dev\IonicCapacitorElectronApp\electron\node_modules\electron\dist\resources\electron.asar\renderer\security-warnings.js:272
logSecurityWarnings @ C:\Users\mmusa\Desktop\Dev\IonicCapacitorElectronApp\electron\node_modules\electron\dist\resources\electron.asar\renderer\security-warnings.js:313
loadHandler @ C:\Users\mmusa\Desktop\Dev\IonicCapacitorElectronApp\electron\node_modules\electron\dist\resources\electron.asar\renderer\security-warnings.js:335
C:\Users\mmusa\Desktop\Dev\IonicCapacitorElectronApp\electron\node_modules\electron\dist\resources\electron.asar\renderer\security-warnings.js:170 Electron Security Warning (Insecure Content-Security-Policy) This renderer process has either no Content Security
Policy set or a policy with "unsafe-eval" enabled. This exposes users of
this app to unnecessary security risks.
For more information and help, consult
https://electronjs.org/docs/tutorial/security.
This warning will not show up
once the app is packaged.
isUnsafeEvalEnabled.then @ C:\Users\mmusa\Desktop\Dev\IonicCapacitorElectronApp\electron\node_modules\electron\dist\resources\electron.asar\renderer\security-warnings.js:170
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke @ zone.js:391
push../node_modules/zone.js/dist/zone.js.Zone.run @ zone.js:150
(anonymous) @ zone.js:889
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask @ zone.js:423
push../node_modules/zone.js/dist/zone.js.Zone.runTask @ zone.js:195
drainMicroTaskQueue @ zone.js:601
Promise.then (async)
scheduleMicroTask @ zone.js:584
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.scheduleTask @ zone.js:413
push../node_modules/zone.js/dist/zone.js.Zone.scheduleTask @ zone.js:238
push../node_modules/zone.js/dist/zone.js.Zone.scheduleMicroTask @ zone.js:258
scheduleResolveOrReject @ zone.js:879
ZoneAwarePromise.then @ zone.js:1012
warnAboutInsecureCSP @ C:\Users\mmusa\Desktop\Dev\IonicCapacitorElectronApp\electron\node_modules\electron\dist\resources\electron.asar\renderer\security-warnings.js:163
logSecurityWarnings @ C:\Users\mmusa\Desktop\Dev\IonicCapacitorElectronApp\electron\node_modules\electron\dist\resources\electron.asar\renderer\security-warnings.js:310
loadHandler @ C:\Users\mmusa\Desktop\Dev\IonicCapacitorElectronApp\electron\node_modules\electron\dist\resources\electron.asar\renderer\security-warnings.js:335
zone.js:1152 GET file:///C:/svg/md-close.svg net::ERR_FILE_NOT_FOUND
(anonymous) @ zone.js:1152
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.scheduleTask @ zone.js:410
push../node_modules/zone.js/dist/zone.js.Zone.scheduleTask @ zone.js:238
push../node_modules/zone.js/dist/zone.js.Zone.scheduleMacroTask @ zone.js:261
(anonymous) @ zone.js:1147
ZoneAwarePromise @ zone.js:910
global.fetch @ zone.js:1146
getSvgContent @ ion-button_2-md.entry.js:258
push../node_modules/@ionic/core/dist/esm/legacy/ion-button_2-md.entry.js.Icon.loadIcon @ ion-button_2-md.entry.js:322
(anonymous) @ ion-button_2-md.entry.js:290
push../node_modules/@ionic/core/dist/esm/legacy/ion-button_2-md.entry.js.Icon.waitUntilVisible @ ion-button_2-md.entry.js:314
push../node_modules/@ionic/core/dist/esm/legacy/ion-button_2-md.entry.js.Icon.connectedCallback @ ion-button_2-md.entry.js:288
(anonymous) @ chunk-f257aad1.js:1074
step @ tslib.es6.js:99
(anonymous) @ tslib.es6.js:80
(anonymous) @ tslib.es6.js:73
ZoneAwarePromise @ zone.js:910
__awaiter @ tslib.es6.js:69
safeCall @ chunk-f257aad1.js:1065
fireConnectedCallback @ chunk-f257aad1.js:1513
(anonymous) @ chunk-f257aad1.js:1478
step @ tslib.es6.js:99
(anonymous) @ tslib.es6.js:80
fulfilled @ tslib.es6.js:70
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke @ zone.js:391
push../node_modules/zone.js/dist/zone.js.Zone.run @ zone.js:150
(anonymous) @ zone.js:889
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask @ zone.js:423
push../node_modules/zone.js/dist/zone.js.Zone.runTask @ zone.js:195
drainMicroTaskQueue @ zone.js:601
Promise.then (async)
scheduleMicroTask @ zone.js:584
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.scheduleTask @ zone.js:413
push../node_modules/zone.js/dist/zone.js.Zone.scheduleTask @ zone.js:238
push../node_modules/zone.js/dist/zone.js.Zone.scheduleMicroTask @ zone.js:258
scheduleResolveOrReject @ zone.js:879
resolvePromise @ zone.js:825
(anonymous) @ zone.js:741
postUpdateComponent @ chunk-f257aad1.js:1179
class_1.s-init @ chunk-f257aad1.js:1661
postUpdateComponent @ chunk-f257aad1.js:1214
class_1.s-init @ chunk-f257aad1.js:1661
postUpdateComponent @ chunk-f257aad1.js:1214
updateComponent @ chunk-f257aad1.js:1162
(anonymous) @ chunk-f257aad1.js:1109
consumeTimeout @ chunk-f257aad1.js:91
flush @ chunk-f257aad1.js:114
requestAnimationFrame (async)
raf @ fesm5.js:5573
(anonymous) @ chunk-f257aad1.js:72
(anonymous) @ chunk-f257aad1.js:1109
step @ tslib.es6.js:99
(anonymous) @ tslib.es6.js:80
fulfilled @ tslib.es6.js:70
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke @ zone.js:391
push../node_modules/zone.js/dist/zone.js.Zone.run @ zone.js:150
(anonymous) @ zone.js:889
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask @ zone.js:423
push../node_modules/zone.js/dist/zone.js.Zone.runTask @ zone.js:195
drainMicroTaskQueue @ zone.js:601
Promise.then (async)
scheduleMicroTask @ zone.js:584
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.scheduleTask @ zone.js:413
push../node_modules/zone.js/dist/zone.js.Zone.scheduleTask @ zone.js:238
push../node_modules/zone.js/dist/zone.js.Zone.scheduleMicroTask @ zone.js:258
scheduleResolveOrReject @ zone.js:879
ZoneAwarePromise.then @ zone.js:1012
step @ tslib.es6.js:72
(anonymous) @ tslib.es6.js:73
ZoneAwarePromise @ zone.js:910
__awaiter @ tslib.es6.js:69
scheduleUpdate @ chunk-f257aad1.js:1086
(anonymous) @ chunk-f257aad1.js:1505
step @ tslib.es6.js:99
(anonymous) @ tslib.es6.js:80
(anonymous) @ tslib.es6.js:73
ZoneAwarePromise @ zone.js:910
__awaiter @ tslib.es6.js:69
initializeComponent @ chunk-f257aad1.js:1428
(anonymous) @ chunk-f257aad1.js:1501
(anonymous) @ chunk-f257aad1.js:1159
updateComponent @ chunk-f257aad1.js:1159
(anonymous) @ chunk-f257aad1.js:1109
consumeTimeout @ chunk-f257aad1.js:91
flush @ chunk-f257aad1.js:114
requestAnimationFrame (async)
raf @ fesm5.js:5573
(anonymous) @ chunk-f257aad1.js:72
(anonymous) @ chunk-f257aad1.js:1109
step @ tslib.es6.js:99
(anonymous) @ tslib.es6.js:80
fulfilled @ tslib.es6.js:70
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke @ zone.js:391
push../node_modules/zone.js/dist/zone.js.Zone.run @ zone.js:150
(anonymous) @ zone.js:889
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask @ zone.js:423
push../node_modules/zone.js/dist/zone.js.Zone.runTask @ zone.js:195
drainMicroTaskQueue @ zone.js:601
Promise.then (async)
scheduleMicroTask @ zone.js:584
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.scheduleTask @ zone.js:413
push../node_modules/zone.js/dist/zone.js.Zone.scheduleTask @ zone.js:238
push../node_modules/zone.js/dist/zone.js.Zone.scheduleMicroTask @ zone.js:258
scheduleResolveOrReject @ zone.js:879
ZoneAwarePromise.then @ zone.js:1012
step @ tslib.es6.js:72
(anonymous) @ tslib.es6.js:73
ZoneAwarePromise @ zone.js:910
__awaiter @ tslib.es6.js:69
safeCall @ chunk-f257aad1.js:1065
(anonymous) @ chunk-f257aad1.js:1096
step @ tslib.es6.js:99
(anonymous) @ tslib.es6.js:80
(anonymous) @ tslib.es6.js:73
ZoneAwarePromise @ zone.js:910
__awaiter @ tslib.es6.js:69
scheduleUpdate @ chunk-f257aad1.js:1086
(anonymous) @ chunk-f257aad1.js:1505
step @ tslib.es6.js:99
(anonymous) @ tslib.es6.js:80
(anonymous) @ tslib.es6.js:73
ZoneAwarePromise @ zone.js:910
__awaiter @ tslib.es6.js:69
initializeComponent @ chunk-f257aad1.js:1428
(anonymous) @ chunk-f257aad1.js:1501
(anonymous) @ chunk-f257aad1.js:1159
updateComponent @ chunk-f257aad1.js:1159
(anonymous) @ chunk-f257aad1.js:1109
consumeTimeout @ chunk-f257aad1.js:91
flush @ chunk-f257aad1.js:114
requestAnimationFrame (async)
raf @ fesm5.js:5573
(anonymous) @ chunk-f257aad1.js:72
(anonymous) @ chunk-f257aad1.js:1109
step @ tslib.es6.js:99
(anonymous) @ tslib.es6.js:80
fulfilled @ tslib.es6.js:70
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke @ zone.js:391
push../node_modules/zone.js/dist/zone.js.Zone.run @ zone.js:150
(anonymous) @ zone.js:889
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask @ zone.js:423
push../node_modules/zone.js/dist/zone.js.Zone.runTask @ zone.js:195
drainMicroTaskQueue @ zone.js:601
Promise.then (async)
scheduleMicroTask @ zone.js:584
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.scheduleTask @ zone.js:413
push../node_modules/zone.js/dist/zone.js.Zone.scheduleTask @ zone.js:238
push../node_modules/zone.js/dist/zone.js.Zone.scheduleMicroTask @ zone.js:258
scheduleResolveOrReject @ zone.js:879
ZoneAwarePromise.then @ zone.js:1012
step @ tslib.es6.js:72
(anonymous) @ tslib.es6.js:73
ZoneAwarePromise @ zone.js:910
__awaiter @ tslib.es6.js:69
safeCall @ chunk-f257aad1.js:1065
(anonymous) @ chunk-f257aad1.js:1096
step @ tslib.es6.js:99
(anonymous) @ tslib.es6.js:80
(anonymous) @ tslib.es6.js:73
ZoneAwarePromise @ zone.js:910
__awaiter @ tslib.es6.js:69
scheduleUpdate @ chunk-f257aad1.js:1086
(anonymous) @ chunk-f257aad1.js:1505
step @ tslib.es6.js:99
(anonymous) @ tslib.es6.js:80
(anonymous) @ tslib.es6.js:73
ZoneAwarePromise @ zone.js:910
__awaiter @ tslib.es6.js:69
initializeComponent @ chunk-f257aad1.js:1428
(anonymous) @ chunk-f257aad1.js:1501
(anonymous) @ chunk-f257aad1.js:1159
updateComponent @ chunk-f257aad1.js:1159
(anonymous) @ chunk-f257aad1.js:1109
consumeTimeout @ chunk-f257aad1.js:91
flush @ chunk-f257aad1.js:114
requestAnimationFrame (async)
raf @ fesm5.js:5573
(anonymous) @ chunk-f257aad1.js:72
(anonymous) @ chunk-f257aad1.js:1109
step @ tslib.es6.js:99
(anonymous) @ tslib.es6.js:80
fulfilled @ tslib.es6.js:70
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke @ zone.js:391
onInvoke @ core.js:17299
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke @ zone.js:390
push../node_modules/zone.js/dist/zone.js.Zone.run @ zone.js:150
(anonymous) @ zone.js:889
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask @ zone.js:423
onInvokeTask @ core.js:17290
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask @ zone.js:422
push../node_modules/zone.js/dist/zone.js.Zone.runTask @ zone.js:195
drainMicroTaskQueue @ zone.js:601
Promise.then (async)
scheduleMicroTask @ zone.js:584
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.scheduleTask @ zone.js:413
onScheduleTask @ zone.js:301
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.scheduleTask @ zone.js:404
push../node_modules/zone.js/dist/zone.js.Zone.scheduleTask @ zone.js:238
push../node_modules/zone.js/dist/zone.js.Zone.scheduleMicroTask @ zone.js:258
scheduleResolveOrReject @ zone.js:879
resolvePromise @ zone.js:825
(anonymous) @ zone.js:741
webpackJsonpCallback @ bootstrap:25
(anonymous) @ 20.js:1
zone.js:682 Unhandled Promise rejection: Failed to fetch ; Zone: <root> ; Task: Promise.then ; Value: TypeError: Failed to fetch TypeError: Failed to fetch
api.onUnhandledError @ zone.js:682
handleUnhandledRejection @ zone.js:709
_loop_1 @ zone.js:699
api.microtaskDrainDone @ zone.js:703
drainMicroTaskQueue @ zone.js:608
Promise.then (async)
scheduleMicroTask @ zone.js:584
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.scheduleTask @ zone.js:413
push../node_modules/zone.js/dist/zone.js.Zone.scheduleTask @ zone.js:238
push../node_modules/zone.js/dist/zone.js.Zone.scheduleMicroTask @ zone.js:258
scheduleResolveOrReject @ zone.js:879
resolvePromise @ zone.js:825
(anonymous) @ zone.js:741
Promise.then (async)
(anonymous) @ zone.js:1092
ZoneAwarePromise @ zone.js:910
Ctor.then @ zone.js:1091
(anonymous) @ zone.js:1167
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.scheduleTask @ zone.js:410
push../node_modules/zone.js/dist/zone.js.Zone.scheduleTask @ zone.js:238
push../node_modules/zone.js/dist/zone.js.Zone.scheduleMacroTask @ zone.js:261
(anonymous) @ zone.js:1147
ZoneAwarePromise @ zone.js:910
global.fetch @ zone.js:1146
getSvgContent @ ion-button_2-md.entry.js:258
push../node_modules/@ionic/core/dist/esm/legacy/ion-button_2-md.entry.js.Icon.loadIcon @ ion-button_2-md.entry.js:322
(anonymous) @ ion-button_2-md.entry.js:290
push../node_modules/@ionic/core/dist/esm/legacy/ion-button_2-md.entry.js.Icon.waitUntilVisible @ ion-button_2-md.entry.js:314
push../node_modules/@ionic/core/dist/esm/legacy/ion-button_2-md.entry.js.Icon.connectedCallback @ ion-button_2-md.entry.js:288
(anonymous) @ chunk-f257aad1.js:1074
step @ tslib.es6.js:99
(anonymous) @ tslib.es6.js:80
(anonymous) @ tslib.es6.js:73
ZoneAwarePromise @ zone.js:910
__awaiter @ tslib.es6.js:69
safeCall @ chunk-f257aad1.js:1065
fireConnectedCallback @ chunk-f257aad1.js:1513
(anonymous) @ chunk-f257aad1.js:1478
step @ tslib.es6.js:99
(anonymous) @ tslib.es6.js:80
fulfilled @ tslib.es6.js:70
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke @ zone.js:391
push../node_modules/zone.js/dist/zone.js.Zone.run @ zone.js:150
(anonymous) @ zone.js:889
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask @ zone.js:423
push../node_modules/zone.js/dist/zone.js.Zone.runTask @ zone.js:195
drainMicroTaskQueue @ zone.js:601
Promise.then (async)
scheduleMicroTask @ zone.js:584
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.scheduleTask @ zone.js:413
push../node_modules/zone.js/dist/zone.js.Zone.scheduleTask @ zone.js:238
push../node_modules/zone.js/dist/zone.js.Zone.scheduleMicroTask @ zone.js:258
scheduleResolveOrReject @ zone.js:879
resolvePromise @ zone.js:825
(anonymous) @ zone.js:741
postUpdateComponent @ chunk-f257aad1.js:1179
class_1.s-init @ chunk-f257aad1.js:1661
postUpdateComponent @ chunk-f257aad1.js:1214
class_1.s-init @ chunk-f257aad1.js:1661
postUpdateComponent @ chunk-f257aad1.js:1214
updateComponent @ chunk-f257aad1.js:1162
(anonymous) @ chunk-f257aad1.js:1109
consumeTimeout @ chunk-f257aad1.js:91
flush @ chunk-f257aad1.js:114
requestAnimationFrame (async)
raf @ fesm5.js:5573
(anonymous) @ chunk-f257aad1.js:72
(anonymous) @ chunk-f257aad1.js:1109
step @ tslib.es6.js:99
(anonymous) @ tslib.es6.js:80
fulfilled @ tslib.es6.js:70
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke @ zone.js:391
push../node_modules/zone.js/dist/zone.js.Zone.run @ zone.js:150
(anonymous) @ zone.js:889
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask @ zone.js:423
push../node_modules/zone.js/dist/zone.js.Zone.runTask @ zone.js:195
drainMicroTaskQueue @ zone.js:601
Promise.then (async)
scheduleMicroTask @ zone.js:584
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.scheduleTask @ zone.js:413
push../node_modules/zone.js/dist/zone.js.Zone.scheduleTask @ zone.js:238
push../node_modules/zone.js/dist/zone.js.Zone.scheduleMicroTask @ zone.js:258
scheduleResolveOrReject @ zone.js:879
ZoneAwarePromise.then @ zone.js:1012
step @ tslib.es6.js:72
(anonymous) @ tslib.es6.js:73
ZoneAwarePromise @ zone.js:910
__awaiter @ tslib.es6.js:69
scheduleUpdate @ chunk-f257aad1.js:1086
(anonymous) @ chunk-f257aad1.js:1505
step @ tslib.es6.js:99
(anonymous) @ tslib.es6.js:80
(anonymous) @ tslib.es6.js:73
ZoneAwarePromise @ zone.js:910
__awaiter @ tslib.es6.js:69
initializeComponent @ chunk-f257aad1.js:1428
(anonymous) @ chunk-f257aad1.js:1501
(anonymous) @ chunk-f257aad1.js:1159
updateComponent @ chunk-f257aad1.js:1159
(anonymous) @ chunk-f257aad1.js:1109
consumeTimeout @ chunk-f257aad1.js:91
flush @ chunk-f257aad1.js:114
requestAnimationFrame (async)
raf @ fesm5.js:5573
(anonymous) @ chunk-f257aad1.js:72
(anonymous) @ chunk-f257aad1.js:1109
step @ tslib.es6.js:99
(anonymous) @ tslib.es6.js:80
fulfilled @ tslib.es6.js:70
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke @ zone.js:391
push../node_modules/zone.js/dist/zone.js.Zone.run @ zone.js:150
(anonymous) @ zone.js:889
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask @ zone.js:423
push../node_modules/zone.js/dist/zone.js.Zone.runTask @ zone.js:195
drainMicroTaskQueue @ zone.js:601
Promise.then (async)
scheduleMicroTask @ zone.js:584
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.scheduleTask @ zone.js:413
push../node_modules/zone.js/dist/zone.js.Zone.scheduleTask @ zone.js:238
push../node_modules/zone.js/dist/zone.js.Zone.scheduleMicroTask @ zone.js:258
scheduleResolveOrReject @ zone.js:879
ZoneAwarePromise.then @ zone.js:1012
step @ tslib.es6.js:72
(anonymous) @ tslib.es6.js:73
ZoneAwarePromise @ zone.js:910
__awaiter @ tslib.es6.js:69
safeCall @ chunk-f257aad1.js:1065
(anonymous) @ chunk-f257aad1.js:1096
step @ tslib.es6.js:99
(anonymous) @ tslib.es6.js:80
(anonymous) @ tslib.es6.js:73
ZoneAwarePromise @ zone.js:910
__awaiter @ tslib.es6.js:69
scheduleUpdate @ chunk-f257aad1.js:1086
(anonymous) @ chunk-f257aad1.js:1505
step @ tslib.es6.js:99
(anonymous) @ tslib.es6.js:80
(anonymous) @ tslib.es6.js:73
ZoneAwarePromise @ zone.js:910
__awaiter @ tslib.es6.js:69
initializeComponent @ chunk-f257aad1.js:1428
(anonymous) @ chunk-f257aad1.js:1501
(anonymous) @ chunk-f257aad1.js:1159
updateComponent @ chunk-f257aad1.js:1159
(anonymous) @ chunk-f257aad1.js:1109
consumeTimeout @ chunk-f257aad1.js:91
flush @ chunk-f257aad1.js:114
requestAnimationFrame (async)
raf @ fesm5.js:5573
(anonymous) @ chunk-f257aad1.js:72
(anonymous) @ chunk-f257aad1.js:1109
step @ tslib.es6.js:99
(anonymous) @ tslib.es6.js:80
fulfilled @ tslib.es6.js:70
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke @ zone.js:391
push../node_modules/zone.js/dist/zone.js.Zone.run @ zone.js:150
(anonymous) @ zone.js:889
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask @ zone.js:423
push../node_modules/zone.js/dist/zone.js.Zone.runTask @ zone.js:195
drainMicroTaskQueue @ zone.js:601
Promise.then (async)
scheduleMicroTask @ zone.js:584
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.scheduleTask @ zone.js:413
push../node_modules/zone.js/dist/zone.js.Zone.scheduleTask @ zone.js:238
push../node_modules/zone.js/dist/zone.js.Zone.scheduleMicroTask @ zone.js:258
scheduleResolveOrReject @ zone.js:879
ZoneAwarePromise.then @ zone.js:1012
step @ tslib.es6.js:72
(anonymous) @ tslib.es6.js:73
ZoneAwarePromise @ zone.js:910
__awaiter @ tslib.es6.js:69
safeCall @ chunk-f257aad1.js:1065
(anonymous) @ chunk-f257aad1.js:1096
step @ tslib.es6.js:99
(anonymous) @ tslib.es6.js:80
(anonymous) @ tslib.es6.js:73
ZoneAwarePromise @ zone.js:910
__awaiter @ tslib.es6.js:69
scheduleUpdate @ chunk-f257aad1.js:1086
(anonymous) @ chunk-f257aad1.js:1505
step @ tslib.es6.js:99
(anonymous) @ tslib.es6.js:80
(anonymous) @ tslib.es6.js:73
ZoneAwarePromise @ zone.js:910
__awaiter @ tslib.es6.js:69
initializeComponent @ chunk-f257aad1.js:1428
(anonymous) @ chunk-f257aad1.js:1501
(anonymous) @ chunk-f257aad1.js:1159
updateComponent @ chunk-f257aad1.js:1159
(anonymous) @ chunk-f257aad1.js:1109
consumeTimeout @ chunk-f257aad1.js:91
flush @ chunk-f257aad1.js:114
requestAnimationFrame (async)
raf @ fesm5.js:5573
(anonymous) @ chunk-f257aad1.js:72
(anonymous) @ chunk-f257aad1.js:1109
step @ tslib.es6.js:99
(anonymous) @ tslib.es6.js:80
fulfilled @ tslib.es6.js:70
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke @ zone.js:391
onInvoke @ core.js:17299
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke @ zone.js:390
push../node_modules/zone.js/dist/zone.js.Zone.run @ zone.js:150
(anonymous) @ zone.js:889
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask @ zone.js:423
onInvokeTask @ core.js:17290
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask @ zone.js:422
push../node_modules/zone.js/dist/zone.js.Zone.runTask @ zone.js:195
drainMicroTaskQueue @ zone.js:601
Promise.then (async)
scheduleMicroTask @ zone.js:584
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.scheduleTask @ zone.js:413
onScheduleTask @ zone.js:301
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.scheduleTask @ zone.js:404
push../node_modules/zone.js/dist/zone.js.Zone.scheduleTask @ zone.js:238
push../node_modules/zone.js/dist/zone.js.Zone.scheduleMicroTask @ zone.js:258
scheduleResolveOrReject @ zone.js:879
resolvePromise @ zone.js:825
(anonymous) @ zone.js:741
webpackJsonpCallback @ bootstrap:25
(anonymous) @ 20.js:1
pwa-camera.entry.js:307 MediaStreamTrack {kind: "video", id: "c484f25b-d779-4ff8-a4e5-3f5b63d6db58", label: "Integrated Camera (13d3:5248)", enabled: true, muted: false, …}
pwa-camera.entry.js:373 Unable to take photo! DOMException: setOptions failed
(anonymous) @ pwa-camera.entry.js:373
step @ pwa-camera.entry.js:31
(anonymous) @ pwa-camera.entry.js:12
rejected @ pwa-camera.entry.js:4
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke @ zone.js:391
onInvoke @ core.js:17299
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invoke @ zone.js:390
push../node_modules/zone.js/dist/zone.js.Zone.run @ zone.js:150
(anonymous) @ zone.js:889
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask @ zone.js:423
onInvokeTask @ core.js:17290
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask @ zone.js:422
push../node_modules/zone.js/dist/zone.js.Zone.runTask @ zone.js:195
drainMicroTaskQueue @ zone.js:601
Promise.then (async)
scheduleMicroTask @ zone.js:584
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.scheduleTask @ zone.js:413
onScheduleTask @ zone.js:301
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.scheduleTask @ zone.js:404
push../node_modules/zone.js/dist/zone.js.Zone.scheduleTask @ zone.js:238
push../node_modules/zone.js/dist/zone.js.Zone.scheduleMicroTask @ zone.js:258
scheduleResolveOrReject @ zone.js:879
resolvePromise @ zone.js:825
(anonymous) @ zone.js:741
Promise.then (async)
(anonymous) @ zone.js:1092
ZoneAwarePromise @ zone.js:910
Ctor.then @ zone.js:1091
resolvePromise @ zone.js:792
(anonymous) @ zone.js:741
(anonymous) @ pwa-camera.entry.js:5
ZoneAwarePromise @ zone.js:910
step @ pwa-camera.entry.js:5
(anonymous) @ pwa-camera.entry.js:6
ZoneAwarePromise @ zone.js:910
push../node_modules/@ionic/pwa-elements/dist/esm/legacy/pwa-camera.entry.js.__awaiter @ pwa-camera.entry.js:2
push../node_modules/@ionic/pwa-elements/dist/esm/legacy/pwa-camera.entry.js.CameraPWA.capture @ pwa-camera.entry.js:352
push../node_modules/@ionic/pwa-elements/dist/esm/legacy/pwa-camera.entry.js.CameraPWA.handleShutterClick @ pwa-camera.entry.js:442
onClick @ pwa-camera.entry.js:484
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask @ zone.js:423
onInvokeTask @ core.js:17290
push../node_modules/zone.js/dist/zone.js.ZoneDelegate.invokeTask @ zone.js:422
push../node_modules/zone.js/dist/zone.js.Zone.runTask @ zone.js:195
push../node_modules/zone.js/dist/zone.js.ZoneTask.invokeTask @ zone.js:498
invokeTask @ zone.js:1744
globalZoneAwareCallback @ zone.js:1770
and here is a screenshot -
Affected platform
- Android
- iOS
- [x ] electron
- web
OS of the development machine
- [x ] Windows
- macOS
- linux
Other information:
Windows 10 version 1709 (OS Build 16299.1217)
I’ve the following info for ionic info
PS C:\Users\mmusa\Desktop\Dev\IonicCapacitorElectronApp> ionic info
Ionic:
Ionic CLI : 5.1.0 (C:\Users\mmusa\AppData\Roaming\npm\node_modules\ionic)
Ionic Framework : @ionic/angular 4.6.0
@angular-devkit/build-angular : 0.13.9
@angular-devkit/schematics : 7.3.9
@angular/cli : 7.3.9
@ionic/angular-toolkit : 1.5.1
Capacitor:
Capacitor CLI : 1.1.0
@capacitor/core : 1.1.0
Utility:
cordova-res : not installed
native-run : not installed
System:
NodeJS : v10.8.0 (C:\Program Files\nodejs\node.exe)
npm : 6.9.0
OS : Windows 10
Capacitor version: 1.1.0 node version: 10.8.0 npm version: 6.9.0 CocoaPods version:
Steps to reproduce:
1. Created the app using -
ionic start IonicCapacitorElectronApp blank --capacitor
2. Moved to the folder and changed the base path of src/index.html
from <base href="/" />
to <base href="./" />
3. Did an ionic build using
ionic build
4. Added electron using following command
npx cap add electron
5. Did an ionic build again
ionic build
6. copied file using
npx cap copy
7. Synced (skiped once too)
npx cap sync
8. Run electron using
npx cap open electron
Then i’ve installed @ionic/pwa-elements
, updated
src\main.ts
src\app\home\home.page.ts
src\app\home\home.page.html
built, copied and run again.
Link to sample project: (On camera branch) https://github.com/appskitchen/CapacitorStarter/tree/camera
Issue Analytics
- State:
- Created 4 years ago
- Comments:9 (3 by maintainers)
Top GitHub Comments
DOM Exception when I take a photo on rear camera in window 10 electron. I check media stream readystate value is “ended”. I try in electron 5.0.X all series
Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Capacitor, please create a new issue and ensure the template is fully filled out.