2017-06-15 13 views
0

私はsymfony 2.8アプリで作業中です。 Dev envとそれ以外のロードはすべてスタイリングされていません。 Javascript & CSSファイルが読み込まれていないようです。symfony 2.8アプリはリソースをロードできませんでした

これは私のbase.html.twigファイルです:--------------------------

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="UTF-8" /> 
    <title>{% block meta_title %}Welcome!{% endblock %}</title> 
     <link href="{{ asset('public/bootstrap/dist/css/bootstrap.min.css') }}" rel="stylesheet"> 
     <link href="{{ asset('public/bootstrap-table/dist/bootstrap-table.min.css') }}" rel="stylesheet"> 
     <link href="{{ asset('public/components-font-awesome/css/font-awesome.min.css') }}" rel="stylesheet"> 
     <link href="{{ asset('public/select2/select2.css') }}" rel="stylesheet"> 
     <link href="{{ asset('bundles/admin/css/select2-bootstrap.css') }}" rel="stylesheet"> 
     <link href="{{ asset('bundles/admin/css/styles.css') }}" rel="stylesheet"> 
     <link href="{{ asset('public/multiselect/css/multi-select.css') }}" rel="stylesheet"> 
    {% block stylesheets %} 
    {% endblock %} 
     <script src="{{ asset('public/jquery/dist/jquery.min.js') }}"></script> 
     <script src="{{ asset('public/bootstrap/dist/js/bootstrap.min.js') }}"></script> 
     <script src="{{ asset('public/bootstrap-table/dist/bootstrap-table.min.js') }}"></script> 
     <script src="{{ asset('public/bootstrap-table/dist/extensions/cookie/bootstrap-table-cookie.min.js') }}"></script> 
     <script src="{{ asset('public/jquery.maskedinput/src/jquery.maskedinput.js') }}"></script> 
     <script src="{{ asset('public/select2/select2.min.js') }}"></script> 
     <script src="{{ asset('public/moment/min/moment.min.js') }}"></script> 
     <script src="{{ asset('public/multiselect/js/jquery.multi-select.js') }}"></script> 
    {% block top_javascripts %} 
    {% endblock %} 
    <link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}" /> 
</head> 
<body class='skin-blue sidebar-mini'> 
    <noscript> 
     <div class="global-site-notice noscript"> 
      <div class="notice-inner"> 
       <p> 
        <strong>JavaScript is disabled in your browser.</strong><br> 
        Please enable JavaScript settings in your browser to allow this website work correctly. 
       </p> 
      </div> 
     </div> 
    </noscript> 
    <div class='wrapper'> 
    {% block body %}{% endblock %} 
    <footer class="navbar-fixed-bottom footer text-muted main-footer"> 
     &copy;&nbsp;{{ "now"|date("Y") }} TCX - All rights reserved &nbsp;&nbsp;&nbsp;•&nbsp;&nbsp;&nbsp;Version- 
     1.1.133 
    </footer> 
    </div> 
    {% block bottom_javascripts %} 
     <script src="{{ asset('public/jquery-slimscroll/jquery.slimscroll.min.js') }}"></script> 
     <script src="{{ asset('bundles/fosjsrouting/js/router.js') }}"></script> 
     <script src="{{ path('fos_js_routing_js', { callback: 'fos.Router.setData' }) }}"></script> 
     <script src="{{ asset('bundles/admin/js/scripts.js') }}"></script> 
    {% endblock %} 

    <!-- form focus --> 
    <script type="text/javascript"> 
     if($('form:first .has-error').length == 0) { 
      $('form:first *:input[type!=hidden]:enabled:first').focus(); 
     } 
    </script> 

< ------------------>これは私のBower.JSONです:

</body> 
</html> 
{ 
    "name": "NULL", 
    "authors": [ 
    "NULL" 
    ], 
    "description": "", 
    "main": "", 
    "license": "MIT", 
    "homepage": "", 
    "ignore": [ 
    "**/.*", 
    "node_modules", 
    "bower_components", 
    "test", 
    "tests" 
    ], 
    "dependencies": { 
    "bootstrap": "^3.3.7", 
    "components-font-awesome": "^4.6.3", 
    "jquery-slimscroll": "^1.3.8", 
    "bootstrap-table": "^1.0.0", 
    "bootstrap-fileinput": "^4.3.5", 
    "jquery-timepicker-jt": "^1.11.0", 
    "datepair.js": "^0.4.0", 
    "jquery.maskedinput": "^1.4.*", 
    "select2": "3.2", 
    "moment": "2.17.1", 
    "fullcalendar": "3.1.0", 
    "fullcalendar-scheduler": "1.5.0", 
    "multiselect": "0.9.12" 
    } 
} 

必要なJavascriptとCSSファイルは、このBower.JSONファイルです。だから私はBower Installとインストールされているすべてのパッケージpublic/ を実行しましたが、私はアプリを実行するときにphp app/console server:runが実行され、スタイルが不足しています。

すでにキャッシュをクリアしようとしましたphp app/console cache:clear & php app/console assets:install webすべてのヘルプは非常に感謝しています!

Picture of Error Log from Safari

+0

master(base.html.twig)twigテンプレートにこれらのリソースを含めていますか?アセットをインストールして 'bower'を実行しても参照する必要があります –

+1

AsseticBundleを使用している場合は、' php app/console assets:install web --symlink'を実行してから 'php app/console assetic:dump'を実行する必要があります –

+0

こんにちはジェイク、私は 'base.html.twig'ファイルがあるとは思わない。ベンダー> Twigにインストールされた 'Twig'フォルダがあります。 1つ持っていることは不可欠ですか? – Roshan

答えて

0

溶液をウェブ/パブリック下にインストールバウアー成分を持っていました。彼らがpublic/の下にインストールされる前に。

symfonyでアプリケーションをデプロイする場合は、必要なパッケージがウェブフォルダにあることを確認してください。

関連する問題