PDA

View Full Version : Crash compiling theme scss



Alessio Brunello
8 Nov 2016, 3:21 AM
Adding some new classes to css architect stops working displaying a white screen.

An error occurs somethimes also if code is not changing.

[ERR]
[ERR] BUILD FAILED
[ERR] com.sencha.exceptions.ExBuild: PhantomJS sass build exited with code : 3
[ERR] at sun.reflect.Del
[ERR] egatingMethodAccessorImpl.invoke(Unknown Source)
[ERR]
[ERR] Total time: 5 minutes 38 seconds
[ERR] Error during rebuild : The following error occurred while executing this line:

I don't know if thats the issue.

I'll return back to architect 3.5 whit this big issue.



version:
4.0.2.209




channel:
4.0-stable




platform:
1.2.3.16 - win32 x64




cmd:
6.2.0.103




framework:
Ext JS 6.2.x Classic


The error is the same of compiling css of the project with architect 3.

petr.felzmann
10 Nov 2016, 3:42 AM
Could you describe in more details 'Adding some new classes to css', please? Do you have any steps to reproduce it?

Thanks for your report!

Alessio Brunello
10 Nov 2016, 7:50 AM
I'm working on a big project, the problem isn't the type of the classes, simply working with SCCS on architect with the autocompiler, after some new or modified code it crashes.

On Architect 3.5 with the same project that never appened.
Best way to work on architect 4 now is turn autocompiler off working on scss.

No problems on simple code editing, try to work in a project and add to it some css classes like modifing it with autocompiler:





.x-mask-msg{
padding: 10px;
background: transparent;
}


.x-mask-msg-inner{
height: 70px;
width: 70px;
border-radius: 100%;
border: 3px solid transparent;
border-color: transparent #76a4c5 transparent #76a4c5;
-moz-animation: spin 1.5s linear 0s infinite normal;
-moz-transform-origin: 50% 50%;
-o-animation: spin 1.5s linear 0s infinite normal;
-o-transform-origin: 50% 50%;
-webkit-animation: spin 1.5s linear 0s infinite normal;
-webkit-transform-origin: 50% 50%;
animation: spin 1.5s linear 0s infinite normal;
transform-origin: 50% 50%;
margin: auto;
opacity: 0.5;
}


.x-mask-msg-text{
visibility: hidden;
}


.material{
-moz-box-shadow:0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
-o-box-shadow:0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
box-shadow:0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
-webkit-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out;
opacity: 0.9;
}
.material:hover{
opacity: 1;
}
.box-shadow,.material:hover{
-moz-box-shadow:0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
-o-box-shadow:0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
-webkit-box-shadow:0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
box-shadow:0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}


.main-toolbar-bg-color{
background-color: #A5CCD6 !important;
}
////////////////////////////////////////
////WIDGET VALORI






.widgetTitle{
text-align: left;
font-size:1.5vw;
color: #0e2b35;
text-transform: capitalize;
}
.widgetData{
text-align: center;
font-size: 1.6vw;
font-weight:bold;
line-height:6em;
}


////////////////////////////////////////


.v-centered{
vertical-align:middle;


}


.container-app{
border:solid 1px lightgray;
padding: 2px;
background-color: #BCD7EA;
}


////////////////////////////////////////


.headerWidget{
.x-title-item{
font-size: 0.95em;
line-height: 5px;
}
}


.removeZIndex{
z-index: -10 !important;
}
.dashboardDataview{
position:relative;
margin:10px;
background-color:#f0f0f0;
border: 2px solid lightgray;
padding:10px;
border-radius: 10px;
float: left;
width: 45%;
img {
max-width:100%;
}
}
@-webkit-keyframes opacityAnim {
0% { opacity: 0; }
100% { opacity: 1; }
}
@-moz-keyframes opacityAnim {
0% { opacity: 0; }
100% { opacity: 1; }
}
@-o-keyframes opacityAnim {
0% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes opacityAnim {
0% { opacity: 0; }
100% { opacity: 1; }
}


.dropZone {
border-radius: 10px;
padding: 2px;
}


.dropZone,.noSelectionText, body{
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Chrome/Safari/Opera */
-khtml-user-select: none; /* Konqueror */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently
not supported by any browser */
}
.x-surface-canvas {
z-index: 1;
}


.tile-widget-title{
line-height: 1.1em;
margin-left:10px;
font-size:22px;
font-weight: 400;
color:black;
}


.tile-widget-icon{
position: absolute;
left: 50%;
margin-left: -0.53em;
font-size:1.4em;
}


.dashboardCSS {
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
.dashboard-itemCSS {
float: left;
display: inline-block;
}

Alessio Brunello
11 Nov 2016, 6:55 AM
Here is the complete error before architect crash

[ERR]
[ERR] BUILD FAILED
[ERR] com.sencha.exceptions.ExBuild: PhantomJS sass build exited with code : 3
[ERR] at java.lang
[ERR] .reflect.Method.invoke(Unknown Source)
[ERR]
[ERR] Total time: 58 minutes 12 seconds
[ERR] Error during rebuild : The following error occurred while executing this line:
E:\Test\IlMioOtticoConsoleManagerNoAnim\.sencha\app\watch-impl.xml:4: The following error occurred while executing this line:
E:\Test\IlMioOtticoConsoleManagerNoAnim\.sencha\app\build-impl.xml:285: The following error occurred while executing this line:
E:\Test\IlMioOtticoConsoleManagerNoAnim\.sencha\app\sass-impl.xml:189: The following error occurred while executing this line:
E:\Test\IlMioOtticoConsoleManagerNoAnim\.sencha\app\sass-impl.xml:224: com.sencha.exceptions.ExBuild: PhantomJS sass build exited with code : 3

petr.felzmann
11 Nov 2016, 7:03 AM
Unfortunately I still do not know how to try reproduce it. Could you describe what are your exact steps before the error, please? Also a screenshot of SA before the error could help.

grosst
13 Nov 2016, 7:00 AM
I've run into this error a few times and usually it's a syntax error within the CSS. Hard to pinpoint if you've made a lot of changes at once. It's an easy thing to miss in the output files, but what i normally do is:

go to the cmd prompt->navigate to project root and output the debug build to a text file by entering:

sencha -d app build > log.txt and upload the file output.

The file will be in your project root- > upload it here also you can search for the [wrn] [err] items and see if there's something you missed.

Alessio Brunello
13 Nov 2016, 11:36 PM
I've two differents cmds on the same machine, one for SA 3.5 and one for 4.2 how can i enter debug build with a specific cmd? if i do that now the cmd i'm calling is the SA 3.5 one.

Architect starts with a white screen on error, no errors on screen, the only one i can get is the one i posted before reentering on architect.
The error happens only working with css, can the problem be about PC performances?

Alessio Brunello
13 Nov 2016, 11:40 PM
ty ghosst, if i can rin cmd i will post it

petr.felzmann
13 Nov 2016, 11:48 PM
You can provide full path to sencha executable cmd in your terminal.

The white screen of error is known issue we are investigating. The 4.1 EA is able to do crash log so you can send us the dump, see this post where to find the file:
https://www.sencha.com/forum/showthread.php?328812-Latest-Architect-keeps-quot-crashing-quot&p=1164804&viewfull=1#post1164804

Alessio Brunello
14 Nov 2016, 12:40 AM
Ok, i'll try to upgrade SA.

here is some others errors appeared on the latest days

[ERR] Can't find variable: user_select__mix
[ERR] anonymous
fn@phantomjs://platform/fashion-phantomjs.js:5:35435
fn@phantomjs://platform/fashion-phantomjs.js:3:51735
func@phantomjs://platform/fashion-phantomjs.js:2:48005
phantomjs://platform/fashion-phantomjs.js:2:26287
value@phantomjs://platform/fashion-phantomjs.js:4:2874
value@phantomjs://platform/fashion-phantomjs.js:2:26136
build@phantomjs://code/phantom-sass-compiler.js:111:26
global code@phantomjs://code/phantom-sass-compiler.js:153:10
Exiting with code 3
anonymous
fn@phantomjs://platform/fashion-phantomjs.js:5:35435
fn@phantomjs://platform/fashion-phantomjs.js:3:51735
func@phantomjs://platform/fashion-phantomjs.js:2:48005
phantomjs://platform/fashion-phantomjs.js:2:26287
value@phantomjs://platform/fashion-phantomjs.js:4:2874
value@phantomjs://platform/fashion-phantomjs.js:2:26136
build@phantomjs://code/phantom-sass-compiler.js:111:26
global code@phantomjs://code/phantom-sass-compiler.js:153:10
[ERR]
[ERR] BUILD FAILED
[ERR] com.sencha.exceptions.ExBuild: PhantomJS sass build exited with code : 3
[ERR] at sun.reflect.Del
[ERR] egatingMethodAccessorImpl.invoke(Unknown Source)
[ERR]
[ERR] Total time: 9 minutes 0 seconds
[ERR] Error during rebuild : The following error occurred while executing this line:
E:\Test\IlMioOtticoConsoleManagerNoAnim\.sencha\app\watch-impl.xml:4: The following error occurred while executing this line:
E:\Test\IlMioOtticoConsoleManagerNoAnim\.sencha\app\build-impl.xml:285: The following error occurred while executing this line:
E:\Test\IlMioOtticoConsoleManagerNoAnim\.sencha\app\sass-impl.xml:189: The following error occurred while executing this line:
E:\Test\IlMioOtticoConsoleManagerNoAnim\.sencha\app\sass-impl.xml:224: com.sencha.exceptions.ExBuild: PhantomJS sass build exited with code : 3

petr.felzmann
14 Nov 2016, 12:54 AM
Can you provide us steps how to reproduce it, please?

Alessio Brunello
14 Nov 2016, 1:29 AM
Ok, so:

1.open project on SA
2. do preview
3. add or remove classes on my sass:

example of today error:
adding this writing and not copyng it from somewhere

.badge-grigio, .badge-rosso, .badge-verde{
display: inline;
min-width: 10px;
padding: 2px 8px;
font-size:.9em;
font-weight: bold;
line-height: 1;
color: #FFF;
text-align: center;
white-space: nowrap;
vertical-align: middle;
border-radius: 10px;
top: 1px;
}
.badge-grigio {
padding: 1.4px 8px;
background-color: #999;
}
.badge-rosso {
background-color: red;
}
.badge-verde {
background-color: #088163;
padding: 5px;
}


.badge-tondo {
background-color: #f0f0f0;
border: 2px solid lightgray;
border-radius: 100px;
position: relative !important;
text-align:center;
font-weight:bold;
}

save project, and waiting sass to compile new code.
Before compiling sass end white screen on SA.
Close it from task manager.
stop sencha cmd from cmd with sencha web stop.
restarting architect i can see on my latest output this error.

Today, i tried to disable autocompiling on sass, and compile it on save, same issue, but without architect white screen. the only problem was preview not rendering, and sencha app watch starts app without sass.

In this case saving again or calling sencha app watch "restarts" the app.

Alessio Brunello
14 Nov 2016, 1:33 AM
No errors on sass code on my build, tryed to start a new project, without my personal sass, and added random classes to check if issue is on my project. and after about 5 minutes of work SA becomes white again

petr.felzmann
14 Nov 2016, 1:37 AM
Are you able to locate the crash report at the path I wrote earlier?
https://www.sencha.com/forum/showthread.php?328812-Latest-Architect-keeps-quot-crashing-quot&p=1164804&viewfull=1#post1164804

Alessio Brunello
14 Nov 2016, 2:20 AM
how?

petr.felzmann
14 Nov 2016, 2:59 AM
If you have SA 4.1 EA and Windows OS then there should be *.dmp file at this location: C:\Users\<user>\AppData\Local\Temp\Sencha Architect Crashes

grosst
14 Nov 2016, 5:21 AM
You can provide full path to sencha executable cmd in your terminal.

The white screen of error is known issue we are investigating. The 4.1 EA is able to do crash log so you can send us the dump, see this post where to find the file:
https://www.sencha.com/forum/showthread.php?328812-Latest-Architect-keeps-quot-crashing-quot&p=1164804&viewfull=1#post1164804


Petr,

This happens to me on my project (it's somewhat large). Anyway, it's usually when i click compile scss (I keep auto off), happens after architect has either been open for a while. If it helps, I don't think it's a resource thing as my laptop has 24gb of ram, super raid 3 with 4 ssd and 8gb geforce 980m. But it does seem to only trigger when hitting compile on the scss part.

Alessio Brunello
14 Nov 2016, 6:32 AM
Obviously I shouldn't use SA 4.1 EA on a project in which i work every day.

I'll update when it will be stable

Alessio Brunello
14 Nov 2016, 6:33 AM
If is not understood i'm using

Sencha Architect



version:
4.0.2.209





channel:
4.0-stable





platform:
1.2.3.16 - win32 x64





cmd:
6.2.0.103





framework:
Ext JS 6.2.x Classic

petr.felzmann
14 Nov 2016, 11:57 PM
Thanks, Alessio and grosst, your inputs are truly helpful!

Alessio Brunello
15 Nov 2016, 12:44 AM
You're welcome petr, better architect for everyone ;)