导入到 index.js 时出现 scss 错误

问题描述

我已经安装了 node sass 将我的 css 转换为 scss。将我的 main.scss 导入我的 index.js。然后我尝试运行它,我得到了那个错误

Error I am getting in the console

解决方法

您的 scss 文件正在被 babel-loader 解析,这导致了上述错误。如果您使用的是 webpack,则需要将 sass-loader 添加到配置中以解析所需文件。

如果您使用的是 create-react-app,则需要安装 node-sass 并且它应该可以工作。

$ npm install node-sass --save-dev