Topic: MDB Pro jQuery default Bootstrap styling import
When you add the MDB Pro jQuery package with NPM/Yarn and using
@import '~mdbootstrap-pro/css/bootstrap'; (or
@import '~mdbootstrap-pro/css/bootstrap.min';) it should import the default Bootstrap correctly without any errors.
If you import either the minimized version or the normal version you get the error:
ModuleBuildError: Module build failed (from ./node_modules/resolve-url-loader/index.js):
Error: ENOENT: no such file or directory, open 'file:///Users/rickgoemans/Code/hobbybeurs/resources/sass/bootstrap.css.map'
In short, it can't find the mapping file, which isn't included in the package.
Resources (screenshots, code snippets etc.)
Once again, I can't believe this was not triggered during testing and I hope this will be fixed soon because at the moment I would have to manually download Bootstrap and match the version on which MDB Pro 4.12.0 is based and add it myself.
Isn't it better to add bootstrap to your package's dependencies and lock it on the version that matches with MDB's version (in this case
bootstrap: 4.4.1)? Same goes for all the addons?
I've found the solution, if you fully enter the css file name like this:
It works correctly.
- User: Pro
- Premium support: No
- Technology: jQuery
- MDB Version: 4.12.0
- Device: Macbook Pro Touchbar 2017
- Browser: Brave (Chromium based)
- OS: Mac OS Catalina 10.15.3
- Provided sample code: No
- Provided link: No
- Is it mandatory to use scss to to use mdbootstrap components in Angular project. Or can we use CSS also