generator-ionic-gulp icon indicating copy to clipboard operation
generator-ionic-gulp copied to clipboard

I need some help of :File to import not found or unreadable

Open TimorDjd opened this issue 9 years ago • 4 comments

I'm having the problem.And I can't work out it.The error message is "events.js:154 throw er; // Unhandled 'error' event ^ Error: app/styles/ionic-styles.scss Error: File to import not found or unreadable: bower_components/ionic/scss/ionic Parent style sheet: /Users/chinasoft-developer-01/Desktop/demo/app/styles/ionic-styles.scss on line 8 of app/styles/ionic-styles.scss

@import 'bower_components/ionic/scss/ionic';
^

at options.error (/Users/chinasoft-developer-01/Desktop/demo/node_modules/node-sass/lib/index.js:271:32)"

How can I solve it?I create the project base on the frame of Ionic.The Hyperlinks contain the way that I creat the project. "https://github.com/tmaximini/generator-ionic-gulp".When I run $gulp,it will appear the error above all.I really need you help,thanks first very much!

TimorDjd avatar May 18 '16 06:05 TimorDjd

did bower installfinish correctly? you can try running it again manually... if not, check if that file 'bower_components/ionic/scss/ionic.scss' exists. maybe ionic changed it's structure, haven't looked into the latest releases.

tmaximini avatar May 18 '16 10:05 tmaximini

I've finished install,but not "bower install".I'll show U the way I use to install my project. I use Mac and I download NodeJS from "https://nodejs.org/en/download/",I've installed NodeJS. Then I run Mac terminal,and input "sudo npm install -g cordova ionic",after it,I input "sudo npm install -g yo bower grunt-cli gulp",and then input "sudo npm install -g generator-ionic-gulp" then I cd into my empty project folder,and input "yo ionic-gulp" ,after that,as your document say,input "gulp",and then ,the error I've said come out. I didn't input "bower install",because it's not in your document,and I don't know what should I "bower install",and I'm sure that file 'bower_components/ionic/scss/ionic.scss' exists. But I find a interesting thing that the file "bower_components/ionic/scss/ionic.scss" is different from other file in the same path "bower_components/ionic/scss",it lose "underline" in front of the file name"ionic.scss",and "app/styles/ionic-styles.scss" is also lose "underline" in the same path with others.After I add "_" into file name,I input "gulp",it run without error,it come out a web page,but the Mac terminal block there,Is it a right show?

TimorDjd avatar May 19 '16 09:05 TimorDjd

not sure if I can help you with this, I hope you figured it out by now.

tmaximini avatar Jun 18 '16 10:06 tmaximini

I've fixed this by changing @import 'bower_components/ionic/scss/ionic'; to @import '../bower_components/ionic/scss/ionic';

Except now I'm running into some 404s: http://localhost:9000/fonts/ionicons.ttf?v=2.0.1 http://localhost:9000/fonts/ionicons.woff?v=2.0.1 http://localhost:9000/fonts/ionicons.woff

logstown avatar Jun 22 '16 20:06 logstown