Monday, March 26, 2012

Fixing Twitter Bootstrap and Eclipse Javascript Errors

I've been meaning to play with Twitter Bootstrap and some of it's other associated projects like Font Awesome lately and decided to see if I could integrate into a sample application I'm building.  I'm using an SpringSource Tool Suite 2.9.1 which is based on Eclipse 3.7.2.  When using a Dynamic Web project type and bringing in the assets directory from the Bootstrap download into my WebContent directory, I kept getting JavaScript errors, lots of them.

I realized that it was simply complaining about a single prettify minimized js file that went away if I got the unminimized version.  But I'm stubborn so I refused to let Eclipse win with this work-around...

At first I thought it was related to the Validator or a Builder.  But then I noticed that there was a JavaScript reference to a runtime and I checked the Facets.  Sure enough there is a JavaScript facet that you can unlock and then uncheck.

Since I am not using that capability now, removing that Facet seemed to do the trick once I applied and executed a Project -> Clean, but at least on one occasion I actually had to rename/replace the javascript file that was causing problems to be marked as directed to in this Stack Overflow thread.  Once that was out of the way I now had a nice Bootstrap example ready to customize.  I simply copied one of the html files like starter-template.html or hero.html over from the Bootstrap examples directory and fixed the asset references with a replace-all.  If you have a better approach to get Bootstrap and Eclipse to play nicely, I'd love to hear about it.


InnomaxMediaLLP said...

Useful information shared..Iam very happy to read this article..thanks for giving us nice info.Fantastic walk-through. I appreciate this post.
Web development Company

akhil sharma said...

great work...very nice
valentine quote for whatsapp
valentine quote for boyfriend
valentine quote for girlfriend
valentine wishes for wife

Unknown said...

Furniture Removalists Sydney A renowned furniture removalists in Sydney, Bondi Removals is now offering furniture removal services at the most competitive prices. The furniture removal services they offer are carried out by their team of highly skilled and talented professionals employing cutting edge technological tools.

Unknown said...

very nice trick...thanks bro

Unknown said...

HAPPY NEW YEAR 2017 Wishes
HAPPY NEW YEAR 2017 Profile Pics
HAPPY NEW YEAR 2017 Status Happy New Year Guys

Unknown said...

Free Mp3 music download sites
Free MP3 download sites
Free music download sites
Free Mp3 music download sites 2017

Unknown said...

Valentine Week 2017

Alex Kevin said...

Thanks for explaining on how to fix these errors, I tried it on the client's website and resolved there issue.

SELVIN said...

Thanks for the great Article its helpful for me .......HTML5 Training In Chennai |
HTML5 course In Chennai

Anonymous said...

Good work
Amit Tandon
Sheraz Sikander
Top Pakistani Actress
Famous Pakistani Actors
Pakistani Tv Actors
Muhammad Ali Pakistani Showbiz Affairs
Pakistani Superstar
Hot Pakistani Men

Praylin S said...

Thank you for sharing this informative post. This article is clearly explained and well executed. Looking forward for more posts from you. Keep updating. Regards.
Javascript Training in Chennai | Javascript Training Courses | Javascript Training Center in Chennai

marshmellow said...

thank u for the info on html5 training in chennai

sheela rajesh said...

Nice idea,keep sharing your ideas with us.i hope this information's will be helpful for the new learners.
Software Testing Training in Chennai
Software testing training in Tambaram
JAVA Training in Chennai
Python Training in Chennai
Big data training in chennai
Android Training in Chennai
Software Testing Training in Chennai
Software Testing Course in Chennai

Vicky Ram said...

I have read your blog its very attractive and impressive. I like it your blog.

Article submission sites

janakikrishnan said...

Get inspired by your blog. Keep going.

Tally Course in Madurai
Tally Training in Madurai
Tally Course in Coimbatore
Tally Training Coimbatore
Tally Classes in Coimbatore
Tally Training Institute in Coimbatore

Mariam Ahmed said...
This comment has been removed by the author.
Raju said...

I read awesome post after a long time.I am very satisfied with your way of writing.Expect the next post in the upcoming days.
AngularJS Training in OMR
Web designing Training in Anna Nagar
AngularJS Training in Tambaram
Web Designing Training in OMR
AngularJS Training in Porur
Web Designing Training in Porur
AngularJS Training in Velachery
Web designing Training in T Nagar

yuvaprithika said...

Great info. The content you wrote is very interesting to read. This will loved by all age groups.
Angularjs Training in Chennai
Angularjs Course in Chennai
Web Designing Course in Chennai
PHP Training in Chennai
ccna Training in Chennai
gst training in chennai
ReactJS Training in Chennai
Angularjs Training in Chennai
Angularjs Course in Chennai

kiruthika said...

It’s really a Great Post .Looking for Some More Stuff
best aviation academy in Chennai
cabin crew training Chennai
airline academy in Chennai
airport ground staff training courses in Chennai
Aviation Academy in Chennai
air hostess training in Chennai
airport management courses in Chennai
ground staff training in Chennai

firstfly said...

it's very interesting, Thanks for sharing a piece of valuable information to us & Knowledgeable also, keep on sharing like this.

Best Aviation Academy in Chennai
Best Air hostess Training in Chennai
Pilot Training in Chennai
Airport Ground staff Training in Chennai
Airport Flight Dispatcher Trainee in Chennai
RTR - Aero Training in Chennai
Cabin Crew Training in Chennai
Aviation Academy in Chennai
Aviation training institute in Chennai
Aviation Course Training in Chennai
Ground staff Training institute in Chennai
Airhostess Training institute in Chennai
Cabin Crew Course

Unknown said...

Thank you for sharing this amazing post. Hope readers will like it.

Register at Cheeksandtoez

divi said...

Nice post, It was very helpful for developing my skill knowledge and I like more ideas from your attractive blog.thanks for your information really good and very nice web design company in velachery

Aishwariya said...

Awesome post..Thank you. Primavera p6 Training Online | Primavera Training Chennai

aivivubooking1 said...

Aivivu - đại lý chuyên vé máy bay trong nước và quốc tế

vé máy bay đi Mỹ giá rẻ 2021

vé máy bay thanh hóa vào sài gòn

đặt vé máy bay huế hà nội

máy bay hà nội nha trang

vé đi quy nhơn giá rẻ

bảng giá taxi sân bay nội bài

combo phú quốc tết 2021