Javascript SASS部分导入不'；我不在办公室工作

我现在练习SASS编码发明。 我使用

npx create react app

制作了react app

我的结构如下

src
├── test
│   ├── _index.scss
│   utils
│   ├── _index.scss
│   └── _mixins.scss
│
├── main.scss
...

我在

main.scss

中导入了

scss

文件

导入“组件”； @导入“utils”； 然而，它会导致错误，我不知道我做错了什么

Failed to compile.

./src/styles/main.scss (./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-3-1!./node_modules/postcss-loader/src??postcss!./src/styles/main.scss)
Module not found: Can't resolve './components' in '~/src/styles'

你的代码应该是

@import "./utils/_index";
@import "./utils/_mixins";

---

您必须指定scss文件的相对路径，否则您的代码将无法工作

您没有

组件。scss

文件吗？为什么要声明

@import“组件”？@OlivierBoissé，
组件
是文件夹名。我将在这个文件夹中创建一些组件文件样式，并尝试导入
main.scss
@OlivierBoissé中的
components
文件夹。注释掉导入，直到有文件要导入。@BugsArePeopleToo，我之前已经尝试注释掉
@import components
。我制作了
\u index.scss
文件来导入
utils
文件夹中的每个
scss
文件，但效果不好。谢谢回复。我知道这条路。如果你不介意，可以退房吗？我看过这篇文章，我正在努力this@MingyuJeon那你想问什么？我的代码有效吗？是的，你的代码有效。我的意思是我已经知道了，但我想尝试另一种方式，像这样。这家伙不使用路径导入，只写文件夹名。是的，默认情况下，sass可以像这样导入文件夹that@MingyuJeon如果我的问题解决了你的问题，请接受我的回答。非常感谢。