bug: Ionic/vue ionicons error
See original GitHub issueBug 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:
- Created 4 years ago
- Reactions:16
- Comments:46
Top 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 >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Just add
ionicons@4.5.9-1
to your package.json. This just overrides any peer dependency and can be used as a workaround.It is published on npm do npm install --save @ionic/vue@next