Bonjour à tous,

Débutant sur Symfony 4 je rencontre un soucis en suivant la documentation officiel de Symfony.

J'aimerai pouvoir utiliser bootstrap, j'ai donc procédé comme ceci :

-
installation de node.js (node --version v10.15.0)
- installation du package yarn (yarn --version 1.12.3)
- installation Encore (composer require encore )
Cela ma créer les fichiers assets, webpack.config.js, node_modules

j'ai mon fichier package.json :

{
"devDependencies": {
"@symfony/webpack-encore": "^0.22.0",
"bootstrap": "^4.2.1",
"jquery": "^3.3.1",
"popper.js": "^1.14.6",
"webpack-notifier": "^1.6.0"
},
"license": "UNLICENSED",
"private": true,
"scripts": {
"dev-server": "encore dev-server",
"dev": "encore dev",
"watch": "encore dev --watch",
"build": "encore production --progress"
}
}

Mon fichier app.css

@import "../../node_modules/bootstrap/dist/css/bootstrap.css";

Mon fichier app.js

/*
* Welcome to your app's main JavaScript file!
*
* We recommend including the built version of this JavaScript file
* (and its CSS file) in your base layout (base.html.twig).
*/

// any CSS you require will output into a single css file (app.css in this case)
require('../css/app.css');

// Need jQuery? Install it with "yarn add jquery", then uncomment to require it.
// const $ = require('jquery');

console.log('assets/js/app.js');

Mon ficher base.html.twig :
...

{% block stylesheets %}
<link rel="stylesheet" href="{{ asset('css/app.css') }}">
{% endblock %}

</head>
<body>
...

<button type="button" class="btn btn-primary">Primary</button>

...

{% block javascripts %}

<script src="{{ asset('build/js/app.js') }}" ></script>
{% endblock %}
</body>
</html>

Cela ne m'active en rien mon css..

J'ai un bouton sans css, qu'est ce que j'ai bien pu oublié ?