javascript - SASS 部分导入在 react 中不起作用

Question

我现在正在实践 SASS 编码发明。 我使用 npx create-react-app 制作了 React 应用。

我的结构如下。

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

然后我在 main.scss 中导入了 scss 文件。

@import "components";
@import "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'

Answer 1

你的代码应该是

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

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