如何让我的 React js 应用程序开始观看我的 sass 文件?
How do I get my react js app to start watching my sass files?
如何让我的 React js 应用程序开始监视我的 sass 文件?
我做了 npm i sass
和 npm 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
目录
如何让我的 React js 应用程序开始监视我的 sass 文件?
我做了 npm i sass
和 npm 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
目录