如何让我的 React js 应用程序开始观看我的 sass 文件?

How do I get my react js app to start watching my sass files?

如何让我的 React js 应用程序开始监视我的 sass 文件? 我做了 npm i sassnpm i node-sass 因为我知道 node-sass 是贬值的,我不确定这是否与自动 sass 观看有关? (另外,我安装了最新版本的节点)

我知道当你不使用框架时你必须在终端中输入“sass --watch input.scss output.css。”,我必须做在 React js 中也一样吗? 同样在我的组件中,我导入了 main.scss sheet!

这是我在尝试 运行 我的 React js 应用程序时遇到的错误:

编译失败 ./src/components/Login.js 找不到模块:无法解析“/Users/karinapichardo/Desktop/login-project/src/components”

中的“./scss/main.scss”

我想念什么?任何帮助将不胜感激

您正在尝试从 Login.js 所在的目录导入 SCSS 文件。

您应该将您的导入路径修改成这样:

import "../scss/main.scss"; // 2 dots at start of path

而不是像这样:

import "./scss/main.scss";

这将在访问路径的其余部分之前导航到 src 目录