#SassError: $color: var(--ct-link-color) is not a color

1 messages · Page 1 of 1 (latest)

karmic kestrel
#

I run the project but it is not working
I already tried to change the value of --ct-link-color but it still not working, also I've already tried to update the bootstrap

bootstrap:27 Uncaught Error: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: $color: var(--ct-link-color) is not a color.
╷
37 │ @return red($value), green($value), blue($value);
│ ^^^^^^^^^^^
╵
node_modules\bootstrap\scss_functions.scss 37:11 to-rgb()
node_modules\bootstrap\scss_root.scss 86:33 @import
node_modules\bootstrap\scss\bootstrap.scss 15:9 @import
src\assets\scss\app-creative.scss 19:9 @import
src\assets\scss\Creative.scss 5:9 root stylesheet
at ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].oneOf[7].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[7].use[4]!./src/assets/scss/Creative.scss (log.js:81:1)
at options.factory (react refresh:6:1)
at webpack_require (bootstrap:24:1)
at fn (hot module replacement:62:1)
at ./src/assets/scss/Creative.scss (styleTagTransform.js:14:1)
at options.factory (react refresh:6:1)
at webpack_require (bootstrap:24:1)
at fn (hot module replacement:62:1)
at ./src/index.js (SessionHelper.js:56:1)
at options.factory (react refresh:6:1)

Any advice is appreciated, Thank you!

stable shuttleBOT
#

Hi @karmic kestrel. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:

#

Hmm, I don't know enough to give you a confident answer yet. The information provided in the extracts does not contain a solution to the specific error you're encountering.

However, the error message suggests that the issue might be related to the use of a CSS variable (--ct-link-color) in a Sass function that expects a color value. CSS variables are not supported in Sass functions because they are resolved in the browser, not at compile time.

You might want to check the value of --ct-link-color and ensure it's being set correctly. If you're using Sass, consider using Sass variables instead of CSS variables.

For more information on how to use Sass with Next.js, you can refer to the Next.js documentation on Sass (https://nextjs.org/docs/basic-features/built-in-css-support#sass-support).

Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:

#

@karmic kestrel kapa.ai is still learning and improving, please let us know how it did by reacting below

karmic kestrel
#

I cant found anything on documents about sass