Symfony 6.1.4 中的一個新專案(還)沒有利用 Bootstrap 5.2。(例如,未在呈現的模板中創建列。)我已經將該專案的配置與現有的作業 6.1 專案進行了比較,并且沒有發現任何顯著差異。鑒于以下設定,需要更改什么?
應用程式.js:
import './styles/app.scss';
// start the Stimulus application
import './bootstrap';
const $ = require('jquery');
require('bootstrap');
$(document).ready(function() {
$('[data-toggle="popover"]').popover();
$('.js-datepicker').datepicker({
format: 'yyyy-mm-dd'
});
});
樣式/app.scss
@import "~bootstrap/scss/bootstrap"
webpack.config.js
const Encore = require('@symfony/webpack-encore');
if (!Encore.isRuntimeEnvironmentConfigured()) {
Encore.configureRuntimeEnvironment(process.env.NODE_ENV || 'dev');
}
Encore
.setOutputPath('public/build/')
.setPublicPath('/build')
.addEntry('app', './assets/app.js')
.enableStimulusBridge('./assets/controllers.json')
.splitEntryChunks()
.enableSingleRuntimeChunk()
.cleanupOutputBeforeBuild()
.enableBuildNotifications()
.enableSourceMaps(!Encore.isProduction())
.enableVersioning(Encore.isProduction())
.configureBabel((config) => {
config.plugins.push('@babel/plugin-proposal-class-properties');
})
.configureBabelPresetEnv((config) => {
config.useBuiltIns = 'usage';
config.corejs = 3;
})
.enableSassLoader()
;
module.exports = Encore.getWebpackConfig();
yarn dev
5 files written to public\build
Entrypoint app [big] 2.56 MiB = runtime.js 14.6 KiB vendors-node_modules_symfony_stimulus-bridge_dist_index_js-node_modules_bootstrap_dist_js_boo-43ff9a.js 1.88 MiB app.css 668 KiB app.js 20.2 KiB
webpack compiled successfully
base.html.twig
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>{% block title %}Welcome!{% endblock %}</title>
{% block stylesheets %}
{{ encore_entry_link_tags('app') }}
{% endblock %}
{% block javascripts %}
{{ encore_entry_script_tags('app') }}
{% endblock %}
</head>
<body>
<div class="container">
{% block body %}{% endblock %}
</div>
</body>
</html>
default.html.twig
{% extends 'base.html.twig' %}
{% block body %}
<div class="row">
<div class="col-4">Column 1</div>
<div class="col-4">Column 2</div>
</div>
{% endblock %}
呈現的模板
Column 1
Column 2
uj5u.com熱心網友回復:
事實證明,上面的配置很好。問題出現在 apache vhost 的不正確配置中。當我切換到symfony server:start
頁面時,按預期呈現。
每天學些新東西。
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/504743.html