Reactjs 将scss文件导入到另一个

index.js

文件：

@import 'styles/_styles.scss';
// @import '../../../../styles/_styles.scss';

从“React”导入React；
导入“/index.scss”；
常量页=（）=>{
返回(
测试
);
}
导出默认页面；

index.scss

文件：

@import 'styles/_styles.scss';
// @import '../../../../styles/_styles.scss';

我得到一个错误：

File to import not found or unreadable: styles/_styles.scss.

---

所以，如果我在

index.scss

中注释第一行，然后取消注释第二行，它会工作得很好，但问题是什么路径太长，看起来很难看，我还需要将它导入到不同目录中的另一个文件中，这只会使路径变长。

您可以提供绝对路径，或者将scss文件移动到同一目录。您是否尝试过“@import”styles/styles.scss”；没有下划线？好了，这就是scss导入部分内容的方式。@AmitRai如果我能做到这一点，我就不会在这里问任何问题，

\u styles.scss

从颜色、变量、混合等导入内容。@Swan，你可以从src目录获取完整路径，可以吗fine@Clarity同样的错误您可以提供绝对路径，或者将scss文件移动到同一目录。您是否尝试过“@import”styles/styles.scss”；没有下划线？好了，这就是scss导入部分内容的方式。@AmitRai如果我能做到这一点，我就不会在这里问任何问题，

\u styles.scss

从颜色、变量、混合等导入内容。@Swan，你可以从src目录获取完整路径，可以吗fine@Clarity同样的错误