sass - 如何在scss中设置背景图片路径？

Question

我在 React js 中工作，我发现设置背景图片有困难。如何在 scss 中设置背景图片路径？

.registerpgImage{
       background:url('../../images/registerpgimage.jpeg');
       background-repeat: no-repeat;

这是我在控制台中得到的错误: Uncaught Error :找不到模块“../../images/registerpgimage.jpeg”

[WDS] 编译时出错。阻止重新加载。

Answer 1

听起来您正在使用 Webpack，但它失败了，因此没有重新加载。 webpack 动态构建一切的方式，它需要知道事物所在的位置。如果您的相对文件路径是正确的，请尝试将您的背景样式写为:

background:url(require('../../images/registerpgimage.jpeg'));