ModusCreateOrg/ionic-vue-examples

Error in the devtools

Berkmann18 opened this issue · 6 comments

Berkmann18 commented

Reproduction steps

  1. git clone git@github.com:ModusCreateOrg/ionic-vue-examples.git
  2. npm i
  3. npm run serve

Error:

ionic-vue.esm.js?1ad9:288 Uncaught TypeError: Cannot read property 'ios' of undefined
    at appInitialize (ionic-vue.esm.js?1ad9:288)
    at Object.install (ionic-vue.esm.js?1ad9:720)
    at Function.Vue.use (vue.esm.js?a026:5110)
    at eval (main.js?56d7:13)
    at Module../src/main.js (app.js:2767)
    at __webpack_require__ (app.js:770)
    at fn (app.js:130)
    at Object.1 (app.js:2829)
    at __webpack_require__ (app.js:770)
    at app.js:908

Platform

OS: ArchLinux (Linux 5.7.12)
Browser: Vivaldi 3.1.1929.48

michaeltintiuc commented

run npm i @modus/ionic-vue@latest and it'll be fixed, I've no idea why npm is not picking up on versions after 1.3.3

Berkmann18 commented

@michaeltintiuc That fixed the issue, now every single button (aside from the initial links) lead to errors.

michaeltintiuc commented

Fixed it, the examples were using an outdated API, you may see that modal and popover examples aren't really straightforward, this is way better in vue3 now as we're using native Vue components ;)

  • ❤️1
Berkmann18 commented

Awesome, thank you.
Side question: why is the example using the app template/container (IonVuePage.vue) as a component rather than using App.vue with the relevant code there (like how it's done in Vue projects)? Just curious (as I've explored dynamic/static components and that approach tended to be the least performant one).

michaeltintiuc commented

It could've been a basic App.vue for sure, I think it's just a remnant of my initial fiddling with ionic/vue

Berkmann18 commented

That makes sense.