sproutcore / guides

The guides source. Build and push to https://github.com/sproutcore-guides/sproutcore-guides.github.com.
http://guides.sproutcore.com/
110 stars 65 forks source link

Getting Started with HTML based apps bug #65

Closed robert-stuttaford closed 13 years ago

robert-stuttaford commented 13 years ago

When following this guide, after running sc-server and visiting localhost:4020 in Firefox 4 with Firebug enabled, the app never loads.

Multiple syntax errors are reported in scss code, which Firefox is trying to interpret as javascript.

Not sure what else to say other than it doesn't load or work properly.

wagenet commented 13 years ago

This works fine for me. SCSS should never make it to the browser. As suggested in the other ticket you filed, sharing your app would be very helpful. Also, can you make sure you're running on the newest version of the SC gem: gem install sproutcore?

robert-stuttaford commented 13 years ago

I switched off all the Extensions and Plugins in FF4/Mac, cleared my history, cache, etc, and tried again. I got 2 or 3 errors like the following:

Error: syntax error
Source File: http://localhost:4020/static/sproutcore/ace/en/current/javascript.js?1304273371
Line: 3
Source Code:
.sc-split-divider-view { 

and a tonne of these:

Warning: Expected declaration but found '*'.  Skipped to next declaration.
Source File: http://localhost:4020/static/sproutcore/ace/en/current/stylesheet.css?1304273371
Line: 669

Inspecting the code, for the first error:

/* SC.SplitDividerView */
/* line 4, ././tmp/chance/d3d0a05213268f167612628cb8ea4c06.scss */
.sc-split-divider-view {
  background-color: #ddd;
}

and for the second:

/* line 95, chance_main.css */
.__s51_182, .ace.panel .panel-background > .right {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAABCAQAAACBZc0eAAAAJ0lEQVR4nGP6/RodbnnN4MxgwaDLoMogyyDKwM/AxcDGwMzAyAAFABRIE9o/0aqQAAAAAElFTkSuQmCC");
*background-image: expression('url("mhtml:' + document.location.protocol + '//' + document.location.host + '/static/sproutcore/ace/en/current/__sc_chance_mhtml.txt?1304273371!__s51_182' + '")')
;
}

Hope this helps!

wagenet commented 13 years ago

Does it render properly? It looks to me like those are special IE hacks or something like that.

robert-stuttaford commented 13 years ago

Not even close. Get grey screen with bar along bottom with "Loading..." at bottom right. Nothing else happens. Super strange.

wagenet commented 13 years ago

Is it possible for you to upload your entire app to github? or to just zip it up and email it to me? (peterw@sproutcore.com)

wagenet commented 13 years ago

Sorry for taking so long to get to this. I just opened it up using 1.6.0.beta.3 and it works fine in FF 4 Mac.

wagenet commented 13 years ago

Inactive, assuming this is fixed.