Getting Started with HTML based apps bug

Question

Getting Started with HTML based apps bug

robert-stuttaford opened this issue 13 years ago · comments

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.

Peter Wagenet · Answer 1 · Tue May 03 2011 02:25:41 GMT+0800 (China Standard Time)

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 · Answer 2 · Tue May 03 2011 03:12:20 GMT+0800 (China Standard Time)

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!

Peter Wagenet · Answer 3 · Tue May 03 2011 03:47:39 GMT+0800 (China Standard Time)

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

Robert Stuttaford · Answer 4 · Tue May 03 2011 06:00:05 GMT+0800 (China Standard Time)

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

Peter Wagenet · Answer 5 · Tue May 03 2011 06:15:37 GMT+0800 (China Standard Time)

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)

Peter Wagenet · Answer 6 · Fri May 13 2011 04:40:11 GMT+0800 (China Standard Time)

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.

Peter Wagenet · Answer 7 · Sat Jun 04 2011 04:44:08 GMT+0800 (China Standard Time)

Inactive, assuming this is fixed.