Adding bootstrap in Symfony 4

Question

In my Symfony 4 project, I try to add bootstrap as an import after

yarn add bootstrap --dev

As I follow documentation, I tried to import bootstrap as follows:

@import "~bootstrap/scss/bootstrap";

When I run yarn encore dev, it says module not found.

Than I tried this:

@import "../../node_modules/bootstrap/scss/bootstrap.scss";

The output is:

Syntax Error: ModuleNotFoundError: Module not found: Error: Can't resolve './alert' in 'C:\Users\tolga\GIT\artifex\node_modules\bootstrap\scss'

What am I missing? alert.scss is there but it cannot find module. What should I try?

Answer 1

It seems I somehow solved the problem. First of all the import directory is this:

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

I don't know why tilde didn't work. Adding sass-loader didn't help.

Answer 2

Old subject but the solution is to change the extension of file app.css to app.scss.