私は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">
© {{ "now"|date("Y") }} TCX - All rights reserved • 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
master(base.html.twig)twigテンプレートにこれらのリソースを含めていますか?アセットをインストールして 'bower'を実行しても参照する必要があります –
AsseticBundleを使用している場合は、' php app/console assets:install web --symlink'を実行してから 'php app/console assetic:dump'を実行する必要があります –
こんにちはジェイク、私は 'base.html.twig'ファイルがあるとは思わない。ベンダー> Twigにインストールされた 'Twig'フォルダがあります。 1つ持っていることは不可欠ですか? – Roshan