Question

我现在正在实践SASS编码发明。我使用

// index.php
<script>
var uppy = Uppy.Core();
    uppy.use(Uppy.Dashboard, {
        inline: true,
        target: '#drag-drop-area'
    });
    uppy.use(Uppy.XHRUpload, {
        endpoint: '/upload.php',
        method: 'post',
        fieldName: 'my_file'
    });
    uppy.run();
    uppy.on('upload-success', function (fileId, data) {
        console.log("Uploaded!");
    });
</script>

制作了React应用。

我的结构如下。

npx create-react-app

然后我将src ├── test │ ├── _index.scss │ utils │ ├── _index.scss │ └── _mixins.scss │ ├── main.scss ...文件导入了scss。

main.scss

但是，它会导致错误，而且我不知道我做错了什么。

@import "components";
@import "utils";

Answer 1

您的代码应为

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

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

SASS部分导入在反应中不起作用

1 个答案: