Reactjs SCSS文件不包括@used file'；当在React组件中导入时，将初始化类

我遇到了一个奇怪的问题，我有两个类和一个样式库（通过npm安装），但没有正确地包含它们

第一个文件是我的

main.scss

，然后我有一个

page.scss

文件，我专门在

page.js

组件中使用它，还有一个样式库。我还有

字体.scss

和

变量.scss

my

main.scss

的顶部如下所示：

@charset "utf-8";
@use "~styling-library/styling-library";
@use "fonts";
@use "variables" as *;

这似乎工作得很好，因为我的字体和样式库被正确地包括在内，甚至在我的page.js上也没有直接引用它

我在

page.scss

的顶部写下了这幅艺术作品：

@use "main";
@use "variables" as *;

我在

page.js:

import*作为来自“../styles/page.scss”的样式

然后我有一个组件，例如，它看起来像这样：

@charset "utf-8";
@use "~styling-library/styling-library";
@use "fonts";
@use "variables" as *;


有趣的是，
classFromLibrary
可以很好地加载，尽管如我前面所述，它不是直接从我的
页面.scss
中引用的。但是
style.classFromMainStylesheet
没有定义。为什么会是这样？我需要做些什么才能让主样式表中的类可以访问吗？
通常，我在回答问题后就发现了问题所在。原来所有的东西都是导入的，但是类名和我想象的不同。我想它会自动假定camel case表示某些内容被连字符连接。显然不是，我必须弄清楚如何手动配置它。
通常情况下，我在回答问题后直接找出了问题所在。原来所有的东西都是导入的，但是类名和我想象的不同。我想它会自动假定camel case表示某些内容被连字符连接。显然不是，我必须弄清楚如何手动配置它