Expected behavior
Running the yarn encore dev compiles the JS and SCSS assets.

Actual behavior

Running webpack ...

 ERROR  Failed to compile with 1 errors                                                                                                                                                                                                                                                                                                                      15:27:49

 error  in ./assets/scss/app.scss

Syntax Error: ModuleNotFoundError: Module not found: Error: Can't resolve '../../node_modules/mdbootstrap-pro/scss/img/overlays/01.png' in 'C:\xampp\htdocs\mission\assets\scss'


 @ ./assets/js/app.js 7:0-26

Entrypoint app [big] = runtime.js vendors~app.js app.js
error Command failed with exit code 2.

Here is my app.scss:

@import "~bootstrap/scss/bootstrap";
@import "~@fortawesome/fontawesome-free/scss/fontawesome";
@import "~@fortawesome/fontawesome-free/scss/solid";
@import "~@fortawesome/fontawesome-free/scss/brands";
@import "~mdbootstrap-pro/scss/mdb-pro";

And here is my app.js:

import '../scss/app.scss';
import $ from 'jquery';
import 'popper.js';
import 'bootstrap';
import 'mdbootstrap-pro';

How can I fix this issue?