search

ionic-team / tutorial-photo-gallery-vue

Photo Gallery Tutorial: Ionic Vue and Capacitor
https://ionicframework.com/docs/vue/your-first-app
60 stars 43 forks source link

Unable to take photo! DOMException: The associated Track is in an invalid state. #10

Closed peterennis closed 2 years ago

peterennis commented 3 years ago

I also see a bunch of other errors: Uncaught (in promise) TypeError: Cannot read property 'length' of undefined

2020-11-13 18_44_57-Window

klrkt commented 3 years ago

Feedback (based on my steps):

  1. I used Windows 10, but could not follow the tutorial here: https://ionicframework.com/docs/vue/your-first-app My first problem started here: https://ionicframework.com/docs/vue/your-first-app/2-taking-photos I got a buch of wierd errors, I fixed by: Changing package.json from: "typescript": "~3.9.3", to: "typescript": "^4.3.5",

2.Then: git clone https://github.com/ionic-team/tutorial-photo-gallery-vue I tried both nvm use 12.14.0 and 14.17

  1. At first I ran: npm install. I got a buch of wierd errors, I fixed by: Changing package.json from: "typescript": "~3.9.3", to: "typescript": "^4.3.5", npm install capacitor npm install -g @ionic/cli@latest native-run cordova-res npm install @capacitor/camera @capacitor/storage @capacitor/filesystem npm install @ionic/pwa-elements npm install

Finally ionic serve worked on localhost - including the selfie - but resulted in a way worse pic. BUT the app could not find camera over the LAN.

jcesarmobile commented 2 years ago

try updating to latest version of @ionic/pwa-elements, I think all those issue were handled there