2013-08-13 1 views
0

안녕하세요 Stackoverflow 사람들.symfony2에서 자바 스크립트 설치

임마 테스트 나뭇 가지보기에서 자바 스크립트 그래프를 사용하려고합니다. 이것은이다 :

예외가 템플릿의 컴파일시 발생 된 (:

<h1>test</h1> 
{% javascripts '@AcmeFooBundle/Resources/public/js/*' %} 
    <script src="{{ asset_url }}" type="text/javascript"> 
    window.onload = function() { 
    var chart = new CanvasJS.Chart("chartContainer", { 

    title:{ 
    text: "Fruits"    
    }, 
    data: [//array of dataSeries    
    { //dataSeries object 

    /*** Change type "column" to "bar", "area", "line" or "pie"***/ 
    type: "column", 
    dataPoints: [ 
    { label: "banana", y: 18 }, 
    { label: "orange", y: 29 }, 
    { label: "apple", y: 40 },          
    { label: "mango", y: 34 }, 
    { label: "grape", y: 24 } 
    ] 
    } 
    ] 
}); 

chart.render(); 
    } 


    </script> 
     <script type="text/javascript" src="{{ asset_url }}"></script> 
     {% endjavascripts %} 

     <body> 
     <div id="chartContainer" style="height: 300px; width: 100%;"> 
     </div> 
    </body> 

그래서 문제는 나에게이 오류 메시지를 반환하기 때문에 자바 스크립트 라이브러리가 설치되지 않은 것입니다 "PreditBundle : Default : test.html.twig"의 PreditBundle : Default : test.html.twig "에서 {% javascripts %} 태그를 사용하려면 assetic.bundle 구성에 PreditBundle을 추가해야합니다.

것들 내가 tryed했습니다

단계 방법 페이지 "에 의해

-follow 단계 콘솔 때 명령 -USE 자산 관리 에 대한 assetic 사용 : 자산 : 설치 및 assetic가 :

감사를 덤프 답

답변

1

을 위해 당신은 config.yml에 번들을 추가해야합니다.

assetic: 
    bundle: [ PreditBundle ] 
+0

예, 내가 한 것과 작동합니다. – Droyo

1

script 요소에 대해 scr 속성을 정의했으며 인라인 자바 스크립트 코드를 사용합니까? 수행 중 :

<script src="..."></script> 

또는 :

<script> alert(123); </script> 

또한 나뭇 가지의 {% javascript %} 블록은 한 번에 여러 개의 자바 스크립트 자산을 렌더링합니다. 인라인 원격 자바 스크립트 파일이 아닙니다. 이처럼 사용

당신의-template.html.twig :

{% javascript '@AcmeFooBundle/Resources/public/js/*' %} 
<script src="{{ asset_url }}" type="text/javascript"> 
{% javascript %} 
<script> 

    window.onload = function() { 
    // ... 

</script> 

은 또한 당신이 @oumlaote 이미 언급 한 바와 같이 config.yml에 번들을 추가해야합니다.

관련 문제