エラー:solve-url-loader: CSS の処理中にエラーが発生しました。「base」が有効なディレクトリへの絶対パスであることを予期しています。

Question

React アプリに背景画像を設定しようとしています。

React を使用して画像をインポートし、JSX でスタイル設定しようとすると機能しますが、それを scss に直接配置しようとすると、このエラーが表示されます。

これは CSS です:

これは私が受け取るエラーです:

Answer 1

Sass での URL エンコードは、スペースを実際の URL には存在しない " " に変換します。そのため、scss ではスペースは機能しません。これは間違いだと思います。 「Home」という単語にはスペースの代わりに「-」を使用できます。