question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

bug: Ionic/vue ionicons error

See original GitHub issue

Bug Report

Ionic version:

[x] 4.x @ionic/vue@0.0.4 or @ionic/vue@next

Current behavior:

When updating vue apps developed with Ionic/vue@0.0.4 and running the

npm install 

after having deleted the node_modules folder, i got the following error

Uncaught TypeError: Cannot convert undefined or null to object
    at Function.keys (<anonymous>)
    at addIcons (chunk-ea2b3dce.js?d602:13)
    at appInitialize (ionic-vue.esm.js?481b:279)
    at Object.install (ionic-vue.esm.js?481b:687)
    at Function.Vue.use (vue.runtime.esm.js?2b0e:5101)
    at eval (main.js?56d7:12)
    at Module../src/main.js (app.js:10193)
    at __webpack_require__ (app.js:767)
    at fn (app.js:130)
    at Object.1 (app.js:10267)  

Expected behavior:

Should be able to load ionicons. this was working perfect when @ionic/core@4.4.0 and ionicons@4.5.6 were dependencies. Now when you reinstall from scratch the dependencies are @ionic/core@4.6.0 and ionicons@4.5.10-2 and it is failing both for @ionic/vue@0.0.4 and @ionic/vue@next

Steps to reproduce:

  • take an existing vue apps running with @ionic/core@4.4.0 and ionicons 4.5.6
  • delete the folder node_modules
  • delete the package-lock.json
  • npm install

Related code: look at

https://github.com/jepiqueau/vue-test-stencil-svgpaths-morphing 

which fails look at

https://github.com/jepiqueau/vue-test-stencil-colorpicker 

which works

insert short code snippets here

Other information:

Ionic info:

Ionic:

   Ionic CLI : 5.0.2

Utility:

   cordova-res : not installed
   native-run  : not installed

System:

   NodeJS : v10.15.3
   npm    : 6.9.0
   OS     : macOS Mojave

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Reactions:16
  • Comments:46

github_iconTop GitHub Comments

20reactions
yasin-mesutcommented, Jun 30, 2019

Just add ionicons@4.5.9-1 to your package.json. This just overrides any peer dependency and can be used as a workaround.

12reactions
jepiqueaucommented, Jul 9, 2019

It is published on npm do npm install --save @ionic/vue@next

Read more comments on GitHub >

github_iconTop Results From Across the Web

bug: Ionic/vue ionicons error - - Bountysource
Bug Report. Ionic version: [x] 4.x @ionic/vue@0.0.4 or @ionic/vue@next. Current behavior: When updating vue apps developed with Ionic/vue@0.0.4 and running ...
Read more >
Ionicons Usage Guide
Usage. Ionicons is a completely open-source icon set with 1,300 icons crafted for web, iOS, Android, and desktop apps. Ionicons was made for...
Read more >
Ionicons v3: Open-Source Application Icons for iOS and Android
Ionicons is an open-source icon set with 700+ icons crafted for web, iOS, Android, and desktop applications. Ionicons have both Material Design and...
Read more >
Place autocomplete Google API with Ionic and TypeScript
If i add "/eslint-disable no-undef/" to the top of the vue folder, "google is defined" error is gone, but i get a new...
Read more >
Icon - Quasar Framework
The QIcon Vue component allows you to insert icons within other components or any other area ... ionicons-v5/v6, ion-, ion-heart, ion-logo-npm, ion-airplane ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found