Translate

[Grunt] grunt build 할 시 "ngtemplates:dist" 부분에서 멈추는 증상



OS: Ubuntu 15.10 gnome



증상

angular-full-stack(Link) 을 사용하여 작업 후 마지막에


$ grunt build

작업을 했는데




lucifer@lucifer-Vostro-V13:/source/yeoman/Angular_CreateJS_Wedding$ grunt build
Running "clean:dist" (clean) task
>> 79 paths cleaned.

Running "wiredep:app" (wiredep) task

Running "wiredep:test" (wiredep) task

Running "useminPrepare:html" (useminPrepare) task
Configuration changed for concat, uglify, cssmin

Running "concurrent:dist" (concurrent) task
   
    Running "copy:styles" (copy) task
    Copied 1 file
   
    Done, without errors.
   
   
    Execution Time (2016-05-31 15:16:06 UTC)
    loading tasks               741ms  ▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇ 84%
    loading grunt-contrib-copy   93ms  ▇▇▇▇ 10%
    copy:styles                  49ms  ▇▇ 6%
    Total 886ms
       
    Running "svgmin:dist" (svgmin) task
    Total saved: 0 B
   
    Done, without errors.
   
   
    Execution Time (2016-05-31 15:16:06 UTC)
    loading tasks         579ms  ▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇ 50%
    loading grunt-svgmin  381ms  ▇▇▇▇▇▇▇▇▇▇▇▇▇▇ 33%
    svgmin:dist           196ms  ▇▇▇▇▇▇▇ 17%
    Total 1.2s
       
    Running "imagemin:dist" (imagemin) task
    Minified 5 images (saved 5.4 kB)
   
    Done, without errors.
   
   
    Execution Time (2016-05-31 15:16:06 UTC)
    loading tasks                   785ms  ▇▇▇▇ 11%
    loading grunt-contrib-imagemin   1.1s  ▇▇▇▇▇ 15%
    imagemin:dist                    5.2s  ▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇ 74%
    Total 7s
   
Running "postcss:server" (postcss) task
>> 1 processed stylesheet created.

Running "postcss:dist" (postcss) task
>> 1 processed stylesheet created.

Running "ngtemplates:dist" (ngtemplates) task




위와같이 마지막에
'Running "ngtemplates:dist" (ngtemplates) task'
라는 부분에서 넘어가지 않고 무한정 기다리기만 했다.





원인 및 해결방법

Grunt 옵션을 보니 디버깅(-d), 추가정보(-v) 옵션이 있어서 아래와 같이 사용을 했다.
1004lucifer
$ grunt -dv build

로그를 확인해보니 특정 HTML 파일을 minifying 하는 부분에서 더 이상 넘어가지 않았다.
소스를 다시한번 확인해보니 특정 태그의 style 속성이 잘못되어 있었다.

ex) <div style="font:normal 12px "돋움", dotum; position:absolute;">


해당 부분을 올바르게 수정해주니 정상적으로 빌드가 되는 것을 확인 할 수 있었다.



댓글