-
Notifications
You must be signed in to change notification settings - Fork 13.5k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
File to import not found or unreadable: ionicons-icons #5155
Comments
Are you using v2.0.0-alpha.51? |
Yes. I tried also the 2.0 trunk (git+https://github.com/driftyco/ionic.git#2.0) und got the same error |
We moved ionicons to a new module, so you'll need to install it in your project and then modify the config file. See the changelog for 2.0: https://github.com/driftyco/ionic/blob/2.0/CHANGELOG.md#200-alpha51-2016-1-21 |
Thank you. I did the changes and I dont see the error message anymore but the icons still don't appear. |
Make sure you also include the icons in you package.json and npm install https://github.com/driftyco/ionic2-app-base/blob/master/package.json#L7 |
I did installed the icons already. Maybe I missed something. |
Which version are you updating from? We renamed the |
I'm using "ionic-framework": "2.0.0-alpha.51",
"ionicons": "3.0.0-alpha.3", in my package.json <ion-navbar *navbar>
<button menuToggle>
<ion-icon name="menu"></ion-icon>
</button>
<ion-title>Test</ion-title>
</ion-navbar> |
Hm no that looks right. Can you try stopping https://github.com/driftyco/ionic-conference-app/blob/master/app/pages/about/about.html#L2-L7 |
Have you change your
|
Yes I did. Nothing helped except recreating the project from scratch. |
Going to close this as it sounds like it's been resolved, if anyone is still having issues please let us know. |
If anyone else runs into this issue make sure the font src is also updated:
https://github.com/driftyco/ionic-conference-app/blob/master/ionic.config.js#L18 Updated changelog to reflect: https://github.com/driftyco/ionic/blob/2.0/CHANGELOG.md#ionicons-were-moved |
I bumped into the same problem when using
Note: I'm using |
For those who are using Ionic 2 with webpack, please make sure that you have the following changes in webpack config and app SCSS file.
|
Hi all, In this case I have the same missing file issue and I can't really fix that using webpack, because you don't have access to webpack configuration over angular-cli. I have found a workaround using cpx inside package.json:
But it's not a nice way to solve that. I am wondering why do you import files without to deliver them? |
I'm also seeing this issue in our AOT builds. I'm trying to get around this issue angular/angular/#11688 by precompiling, but then node-sass quits on us because we don't use ionicons. We have |
Hi,
|
@kaszona That is not correct. This will import the Which in turn pulls in these unwanted styles: https://github.com/driftyco/ionicons/blob/master/scss/_ionicons-font.scss#L15-L27 You should be importing from |
Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out. |
ionicons-icons is removed from fonts folder
✗ node_modules\ionic-framework\fonts\ionicons.scss
Error: File to import not found or unreadable: ionicons-icons
....
@import "ionicons-icons";
The text was updated successfully, but these errors were encountered: