Skip to content
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

Major CSS file include problem in the main Yeoman-Angular demo #18

Open
Muzietto opened this issue Jan 9, 2016 · 4 comments
Open

Major CSS file include problem in the main Yeoman-Angular demo #18

Muzietto opened this issue Jan 9, 2016 · 4 comments

Comments

@Muzietto
Copy link

Muzietto commented Jan 9, 2016

The celebrated "Let's scaffold a web app with Yeoman" demo is slowly revealing itself as the anteroom to a world of pain.

After hacking across repeated bower hangups while loading jquery and other 5MB (!!!) of apparently indispensable stuff, I fire the server and retrieve the following, mangled page.

yeoman-angular-demo-wrong-css

I've been able so far to retrieve the following CSS file from a public working example of the same demo and inject it using good old Chrome Developer Tools between two <style> tags in the head of the doc.

Page looks now as shown in the codelab pages. But file styles/site.css is sorely missing from the app I created following the instructions on the Yeoman site.

Needless to say, as soon as I refresh my page at localhost:9000, I lose the good CSS.

After having to manually installing a plethora of dependencies required by the mission-critical grunt-cdnify task (obviously not specified inside its package.json), I've managed in some way to run a complete grunt build operation. Hacked a few tags in the head of index.html, but still the CSS file is not included. Ended up chucking manually the <style> tag inside index.html, just to be able to get ahead of the CSS issue.

I hope I'll be able to understand how to make that file known to the build mechanism and automatically included in the page.

In the meantime, please verify and comment on this issue: is or is not the homepage in the app looking as nice as it should? Is the file styles/site.css present in the scaffolding built by Yeoman?

yeoman-angular-demo-right-css

@Muzietto
Copy link
Author

Adding up apparent Yeoman glitches in the demo: I had to copy manually directory fonts from the bootstrap area into the app area to get the glyphicons going, as I am used to do when I do the config things myself.

@samfearn
Copy link

Can confirm I have the exact same problem as reported by @Muzietto

@samfearn
Copy link

@Muzietto see http://stackoverflow.com/questions/31015812/grunt-wiredep-not-injecting-bootstrap-css-files-in-yeoman-angular-tutorial.

I added the code there to the bower file and now it works fine.

@luis-miguel-goncalves
Copy link

same issue with a clean install on a mac OS X Mavericks.
Solved adding the site.css to the index.html supplied by @Muzietto

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants