Topic: Scss compiler error
                  
                  tgolen
                  priority
                  asked 10 months ago
                
I am following the instructions on https://mdbootstrap.com/docs/react/content-styles/theme/ to try and add my own theme.
I have imported the files just as it says, but when I compile my app (using npm run start) and the SCSS compiler runs, it fails with the following SCSS compiler error.
This looks like it is a possible bug in the button mixin.
Expected behavior
SCSS compilation should complete properly.
Actual behavior
{
  message: 'Scss compiler error: Error: required parameters must precede optional parameters\n' +
    '        on line 10 of {}/imports/styles/mdb/dist/scss/free/mixins/_buttons.scss\n' +
    '>>   $shadow,\n' +
    '\n' +
    '   --^\n' +
    '\n',
  info: {
    file: '/imports/styles/_main.scss',
    line: undefined,
    column: undefined,
    func: undefined
  },
  stack: 'undefined\n' +
    ' => awaited here:\n' +
    '    at Promise.await (/Users/timgolen/.meteor/packages/meteor-tool/.2.16.0.lb4jxx.twbnp++os.osx.arm64+web.browser+web.browser.legacy+web.cordova/mt-os.osx.arm64/dev_bundle/lib/node_modules/meteor-promise/promise_server.js:60:12)\n' +
    '    at JsOutputResource.finalize (/tools/isobuild/compiler-plugin.js:930:12)\n' +
    '    at JsOutputResource.hasPendingErrors (/tools/isobuild/compiler-plugin.js:935:10)\n' +
    '    at JsOutputResource.reportPendingErrors (/tools/isobuild/compiler-plugin.js:940:14)\n' +
    '    at ImportScanner.scanFile (/Users/timgolen/.meteor/packages/meteor-tool/.2.16.0.lb4jxx.twbnp++os.osx.arm64+web.browser+web.browser.legacy+web.cordova/mt-os.osx.arm64/tools/isobuild/tools/isobuild/import-scanner.ts:1083:14)\n' +
    '    at /Users/timgolen/.meteor/packages/meteor-tool/.2.16.0.lb4jxx.twbnp++os.osx.arm64+web.browser+web.browser.legacy+web.cordova/mt-os.osx.arm64/tools/isobuild/tools/isobuild/import-scanner.ts:1142:14\n' +
    '    at each (/Users/timgolen/.meteor/packages/meteor-tool/.2.16.0.lb4jxx.twbnp++os.osx.arm64+web.browser+web.browser.legacy+web.cordova/mt-os.osx.arm64/dev_bundle/lib/node_modules/underscore/underscore-node-f-pre.js:1321:7)\n' +
    '    at ImportScanner.scanFile (/Users/timgolen/.meteor/packages/meteor-tool/.2.16.0.lb4jxx.twbnp++os.osx.arm64+web.browser+web.browser.legacy+web.cordova/mt-os.osx.arm64/tools/isobuild/tools/isobuild/import-scanner.ts:1105:5)\n' +
    '    at /Users/timgolen/.meteor/packages/meteor-tool/.2.16.0.lb4jxx.twbnp++os.osx.arm64+web.browser+web.browser.legacy+web.cordova/mt-os.osx.arm64/tools/isobuild/tools/isobuild/import-scanner.ts:740:14\n' +
    '    at Array.forEach (<anonymous>)\n' +
    '    at ImportScanner.scanImports (/Users/timgolen/.meteor/packages/meteor-tool/.2.16.0.lb4jxx.twbnp++os.osx.arm64+web.browser+web.browser.legacy+web.cordova/mt-os.osx.arm64/tools/isobuild/tools/isobuild/import-scanner.ts:738:22)\n' +
    '    at /tools/isobuild/compiler-plugin.js:1380:17\n' +
    '    at Array.forEach (<anonymous>)\n' +
    '    at Function.computeJsOutputFilesMap (/tools/isobuild/compiler-plugin.js:1345:19)\n' +
    '    at ClientTarget._emitResources (/tools/isobuild/bundler.js:1164:8)\n' +
    '    at /tools/isobuild/bundler.js:862:12\n' +
    '    at Object.enterJob (/tools/utils/buildmessage.js:388:12)\n' +
    '    at ClientTarget.make (/tools/isobuild/bundler.js:850:18)\n' +
    '    at /tools/isobuild/bundler.js:3281:14\n' +
    '    at /tools/isobuild/bundler.js:3441:25\n' +
    '    at Array.forEach (<anonymous>)\n' +
    '    at /tools/isobuild/bundler.js:3395:14\n' +
    '    at Object.capture (/tools/utils/buildmessage.js:283:5)\n' +
    '    at bundle (/tools/isobuild/bundler.js:3262:31)\n' +
    '    at /tools/isobuild/bundler.js:3205:32\n' +
    '    at Slot.withValue (/Users/timgolen/.meteor/packages/meteor-tool/.2.16.0.lb4jxx.twbnp++os.osx.arm64+web.browser+web.browser.legacy+web.cordova/mt-os.osx.arm64/dev_bundle/lib/node_modules/@wry/context/lib/context.esm.js:69:29)\n' +
    '    at Object.withCache (/Users/timgolen/.meteor/packages/meteor-tool/.2.16.0.lb4jxx.twbnp++os.osx.arm64+web.browser+web.browser.legacy+web.cordova/mt-os.osx.arm64/tools/fs/tools/fs/files.ts:1543:39)\n' +
    '    at Object.bundle (/tools/isobuild/bundler.js:3205:16)\n' +
    '    at /tools/runners/run-app.js:579:24\n' +
    '    at Function.run (/Users/timgolen/.meteor/packages/meteor-tool/.2.16.0.lb4jxx.twbnp++os.osx.arm64+web.browser+web.browser.legacy+web.cordova/mt-os.osx.arm64/tools/tool-env/tools/tool-env/profile.ts:289:14)\n' +
    '    at bundleApp (/tools/runners/run-app.js:578:34)\n' +
    '    at AppRunner._runOnce (/tools/runners/run-app.js:625:35)\n' +
    '    at AppRunner._fiber (/tools/runners/run-app.js:947:28)\n' +
    '    at /tools/runners/run-app.js:408:12'
}
Resources (screenshots, code snippets etc.)
                      
                      Mateusz Lazaru
                      staff
                        answered 10 months ago
                    
In the clean project works just fine for me, using both npx create-react-app and vite with react template.
I'm using "sass": "^1.83.0"
Could you provide more details about your project? I mean, package.json could be useful.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- ForumUser: Priority
 - Premium support: Yes
 - Technology: MDB React
 - MDB Version: MDB5 9.0.0
 - Device: Macbook Pro
 - Browser: Chrome
 - OS: OSx
 - Provided sample code: Yes
 - Provided link: Yes