尝试在 webpack 和 babel 配置中实现 scss 时模块解析失败

【问题标题】：Module Parse Failed while trying to implement scss into wepack & babel configuration尝试在 webpack 和 babel 配置中实现 scss 时模块解析失败
【发布时间】：2020-02-11 15:50:37
【问题描述】：

我正在尝试将 scss 添加到我的 webpack / babel 配置中，但是在运行 npm run build 时会抛出以下错误：

由于这是我第一次使用 webpack 和 babel，老实说，我不知道我需要改变什么。

我用我的所有文件创建了一个 repo。并做了错误信息的截图。如果您需要任何其他信息，请告诉我。

如果我们能将我的（可能是垃圾代码）修复到它正在运行的地步，那就太棒了。非常感谢！！！

【问题讨论】：

标签： javascript css webpack sass babeljs

【解决方案1】：

你需要试试sass-loader

npm install sass-loader node-sass webpack --save-dev

更多信息请查看https://webpack.js.org/loaders/sass-loader/

【讨论】：

感谢您的回答。不幸的是，我已经完成了建议的步骤并按照教程进行操作。是否有可能我在 webpack.config.js 文件中错误地初始化了它们？或者我在尝试连接文件时可能创建了错误的路径？ [链接] (github.com/Loligplayer33/Personal-Portfolio-Website) 这是我的 github 存储库的链接。也许这会有所帮助。非常感谢您的宝贵时间！
问题已解决，谢谢！... webpack.config.js 文件中有空格。