第1行的词法错误:无法识别的文本。错误区域: 1：-标头高度^.^ CompileError:从未定义的CSS选择器开始

Question

当我在我的react应用程序上运行npm运行构建时，我陷入了困境--它失败了，错误消息是“第1行的词汇错误:无法识别的文本”。

错误区域: 1：-头高^.^ CompileError:开始于CSS选择器未定义“。我知道错误来自css，但我不知道如何处理，因为我所有的Css代码都依赖于这些变量。

:root {
  --header-height: 3rem;
  /* ========================Colours =================== */
  --main-color: 250; 
  --first-color: hsl(var(--hue-color), 69%, 61%);
  --first-color-second: hsl(var(--hue-color), 69%, 61%);
  --first-color-alt: hsl(var(--hue-color), 57%, 53%);
  --first-color-lighter: hsl(var(--hue-color), 92%, 85%);
  --title-color: hsl(var(--hue-color), 8%, 15%);
  --text-color: hsl(var(--hue-color), 8%, 45%);
  --text-color-light: hsl(var(--hue-color), 8%, 65%);
  --input-color: hsl(var(--hue-color), 70%, 96%);
  --body-color: hsl(var(--hue-color), 60%, 99%);}```

Answer 1

对于我来说，类似于this问题，请尝试用{}包装sass变量，您可以从下面的链接中跟踪解决方案

https://stackoverflow.com/a/66109932/9524228