Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: Scss compiler error

tgolen priority asked 3 days 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 1 day 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.



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • 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
Tags