DEV Community

Build Your First Ionic Vue App

Aaron K Saunders on December 13, 2019

See Ionic Framework Vue JS eBook & Video Courses Overview This is documentation to duplicate the sample application described in th...

Read full post

vuurball • Jan 23 '20

Wonderful tutorial Aaron, thanks!
just one question from a total noob..
after npx cap add android how exactly can I get an apk file, so that I can actually put the app on my phone and see it there?
(without using android studio, is there a cli tool?)

Maximilian Berkmann • Aug 10 '20

Am I the only getting errors like:

chunk-2a882949.js?1993:13 Uncaught TypeError: Cannot convert undefined or null to object
    at Function.keys (<anonymous>)
    at addIcons (chunk-2a882949.js?1993:13)
    at appInitialize (ionic-vue.esm.js?481b:279)
    at Object.install (ionic-vue.esm.js?481b:619)
    at Function.Vue.use (vue.runtime.esm.js?2b0e:5107)
    at eval (main.js?56d7:12)
    at Module../src/main.js (app.js:1134)
    at __webpack_require__ (app.js:854)
    at fn (app.js:151)
    at Object.1 (app.js:1147)

In the devtools?

Aaron K Saunders • Aug 10 '20

Link to your project?

Maximilian Berkmann • Aug 11 '20

github.com/Berkmann18/vueion

Nnamani Kester • Apr 19 '20

Thanks for this article. I love it. But I have a problem. The icons are not displaying in my own setup.

Aaron K Saunders • Apr 19 '20

Check version number of II ionicons and ionic/vue.

Thanks for checking out my content, please take a look at videos that cover this also - youtube.com/channel/UCMCcqbJpyL3LA...

Nnamani Kester • Apr 19 '20

Why not send your package.json file here, so I can see the versions

Aaron K Saunders • Apr 19 '20

github.com/aaronksaunders/capacito...

Nnamani Kester • Apr 19 '20

I actually installed the same version like you stated i the article

Aaron K Saunders • Apr 19 '20

Is there a repo somewhere I can take a peek at?

Comment deleted

Aaron K Saunders • Apr 11 '20

Need more info? Screen shot? Or can you post the repo somewhere for a peek?

David Dal Busco • Dec 13 '19

Thank you for the really interesting tutorial Aaron, specially for the appendix with Capacitor to cover the all process 👍

P.S.: The way ionicons are loaded in comparison to React, Angular or native is really interesting.

Aaron K Saunders • Dec 13 '19

I think there are some things that the Ionic team will clean up before the vue integration comes out of beta; but there was a discussion thread on Reddit about this and I had the content from a class I taught so I figured I would share with the community

Comment deleted

Aaron K Saunders • Apr 11 '20

🤔

Emiliano Pamont • Dec 26 '19

Hi Arron, a question: why are you use yarn and npm to install dependencies?

Aaron K Saunders • Dec 26 '19

You and use either one and it will work

Navjeet • Dec 22 '19

That was nice little intro to Ionic and Vue, short and sweet. Really enjoyed building it and got it working on IOS simulator. Do you know when Ionic Vue is planned to come out of Beta?

Aaron K Saunders • Dec 22 '19

Thanks I am glad it worked out,

I think there is a new version of vue coming out so i suspect these components will come out of beta sometime after the next release of vue - I am already using it in a production environment...

More examples here in my repo github.com/aaronksaunders and I am working on some YouTube videos - youtube.com/channel/UCMCcqbJpyL3LA...

Noopur Ramakant Phalak • Dec 17 '20

Can you also share a tutorial where you can connect your Ionic app to an offline database?

Aaron K Saunders • Dec 19 '20

did you have a database in mind

Noopur Ramakant Phalak • Dec 31 '20

Hi Aaron, any update of this?

Aaron K Saunders • Jan 2 '21

coming soon will be the first post of the new year

Noopur Ramakant Phalak • Dec 19 '20 • Edited

How about SQLite database. Below is the SQLite link to github:
github.com/jepiqueau/capacitor-dat...

Aaron K Saunders • Dec 22 '19

After you get the basics down, here is another vuejs series I have here on dev.to - VueJS Composition API Sample App w/video - DEV Community 👩‍💻👨‍💻 buff.ly/2p64FqD

shah-bhavik204 • Jun 17 '20

WHen I am trying to make some changes in Homepage.vue and run on android, it doesnt show up but works fine when run on web.

Aaron K Saunders • Jun 17 '20

is your project somewhere i can look at? what errors are in the log?