2017-06-15 61 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。所有的帮助很多apprecaited!下网/公共安装

Picture of Error Log from Safari

+0

你,包括你的主人(base.html.twig)小枝模板这些资源?安装网络--symlink'然后'PHP应用程序/控制台assetic:他们需要安装的资产和运行后,甚至引用'如果你正在使用AsseticBundle那么你需要运行'PHP应用程序/控制台资产bower' –

+1

dump' –

+0

嗨杰克,我不相信我有一个'base.html.twig'文件。我有一个安装在Vendor> Twig中的'Twig'文件夹。有必要有一个? – Roshan

回答

0

将溶液具有亭子部件。在public/下安装之前。

需要注意的是,如果您使用Symfony部署应用程序,请确保需要的软件包位于web文件夹下。