I tried to install mdb-angular-kit to a test application that does not use SCSS. After the installation I tried to start the test application and got an error:
./src/styles.css - Error: Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/postcss-loader/dist/cjs.js):
SyntaxError
(1:1) postcss-import: /Users/julian/repos/mdbTest/node_modules/mdb-angular-ui-kit/assets/scss/mdb.scss Unknown word
> 1 | // CORE FUNCTIONS
| ^
2 | @import './bootstrap/functions';
3 | @import './free/functions';
at processResult (/Users/julian/repos/mdbTest/node_modules/webpack/lib/NormalModule.js:701:19)
at /Users/julian/repos/mdbTest/node_modules/webpack/lib/NormalModule.js:807:5
at /Users/julian/repos/mdbTest/node_modules/loader-runner/lib/LoaderRunner.js:399:11
at /Users/julian/repos/mdbTest/node_modules/loader-runner/lib/LoaderRunner.js:251:18
at context.callback (/Users/julian/repos/mdbTest/node_modules/loader-runner/lib/LoaderRunner.js:124:13)
at Object.loader (/Users/julian/repos/mdbTest/node_modules/postcss-loader/dist/index.js:94:7)
at runMicrotasks (<anonymous>)
at processTicksAndRejections (internal/process/task_queues.js:94:5)
Steps to reproduce
ng new mdbTest
? Would you like to add Angular routing? No
? Which stylesheet format would you like to use? CSS
cd mdbTest
npm i mdb-angular-ui-kit
ng add mdb-angular-ui-kit
? Import all MDB modules? Yes
? Set up Roboto Font? No
? Set up Angular browser animations? Yes
? Set up Font Awesome? No
? Set up Charts? No
npm start. Error occurs.
If I look into the styles.css I see an SCSS import:
When I remove it, the application runs, but without any styles.
Expected behaviour
I expect that the toolkit works on non-SCSS projects and that all dependencies should be installed. E.g. if non-SCSS users need mdb-ui-kit it should be installed automatically. If non-SCSS users need additional styles placed to the angular.json, it should be placed automatically.
I tried to install mdb-angular-kit to a test application that does not use SCSS. After the installation I tried to start the test application and got an error:
Steps to reproduce
ng new mdbTest
cd mdbTest
npm i mdb-angular-ui-kit
ng add mdb-angular-ui-kit
npm start
. Error occurs.If I look into the styles.css I see an SCSS import:
When I remove it, the application runs, but without any styles.
Expected behaviour
I expect that the toolkit works on non-SCSS projects and that all dependencies should be installed. E.g. if non-SCSS users need
mdb-ui-kit
it should be installed automatically. If non-SCSS users need additional styles placed to the angular.json, it should be placed automatically.package.json