导入 index.js 时出现 scss 错误

Posted

技术标签:

【中文标题】导入 index.js 时出现 scss 错误【英文标题】:Error with scss when importing to index.js 【发布时间】:2021-08-09 03:10:46 【问题描述】:

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

Error I am getting in the console

【问题讨论】:

能否提供您的main.scss 文件的内容? 【参考方案1】:

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

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

$ npm install node-sass --save-dev

【讨论】:

以上是关于导入 index.js 时出现 scss 错误的主要内容,如果未能解决你的问题,请参考以下文章

编译 SCSS 时出现误报“未定义变量”错误

安装 vuetify.js 时出现 scss 文件错误

尝试运行 jupyter notebook 时出现导入错误

使用 node-sass 编译 SCSS 时出现未定义变量错误

为啥在导入 p12 文件时出现错误?

vue.js 打包时出现空白页和路径错误