Блог

Полная Ошибка:

 Failed to compile.

./src/@core/scss/react/libs/noui-slider/noui-slider.scss (./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-0-1!./node_modules/postcss-loader/src??postcss!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-0-3!./node_modules/sass-loader/dist/cjs.js??ref--5-oneOf-0-4!./src/@core/scss/react/libs/noui-slider/noui-slider.scss)
SassError: $color: theme-color("primary") is not a color.
   ╷
23 │     "lighten-5": lighten(theme-color("primary"), 25%),
   │                  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
   ╵
  src/@core/scss/base/core/colors/palette-variables.scss 23:18  @import
  src/@core/scss/base/core/colors/palette-noui.scss 11:9        @import
  src/@core/scss/react/libs/noui-slider/noui-slider.scss 3:9    root stylesheet
 

Чтобы быть ясным, как только я переключил все вхождения theme-color("primary") на фактический цвет(#0074d9, синий цвет, который я нашел в документации начальной загрузки, который является предполагаемым основным цветом) в файлах SCSS, он выдал мне ту же ошибку, для theme-color("secondary") которой были в последующих строках файлов. Я работаю над шаблоном, и это импорт в верхней части файлов, из которых исходит эта ошибка:

 // Overrides user _variables-components
@import '../../bootstrap-extended/include';
 

Это приводит к следующему файлу, предположительно созданному создателем шаблона:

 // Functions
@import 'bootstrap/scss/functions'; // Bootstrap core function
@import 'functions'; // Bootstrap extended function

// Variables
@import 'scss/variables/variables'; // Bootstrap custom variable override (for user purpose)
@import 'variables'; // Bootstrap extended variable override
@import 'bootstrap/scss/variables'; // Bootstrap core variable

// Mixins
@import 'bootstrap/scss/mixins'; // Bootstrap core mixins
@import 'mixins'; // Bootstrap extended mixins
 

пакет.json:

 "bootstrap": "5.1.3",
"sass-loader": "^12.2.0"
 

Может быть, мне следует понизить рейтинг bootstrap? Должен ли я попытаться переопределить переменные, которые не работают в моем palette-variables.scss файле, $theme-colors как рекомендуют некоторые статьи, несмотря на то, что тема уже пытается это сделать?

Я еще не запустил этот проект react и не запустил его локально, что является целью, и, похоже, это последняя группа ошибок, которые нужно преодолеть, прежде чем запускать сервер разработки, так как при запуске npm start он скажет «запуск сервера разработки», откройте localhost:3000 и почти работает.

Я просто использовал пряжу для установки модулей, и все работало совершенно нормально.