html - css で背景画像を追加しようとしていますが、次のエラーが表示されます。

Question

コンパイルに失敗しました。

エラー ：

./src/app/shopping-list/shopping-edit/shopping-edit.component.css モジュール エラー (./node_modules/postcss-loader/src/index.js から): (Error のインスタンスの代わりに出力された値) CssSyntaxError: D:\demoApp\src\app\shopping-list\shopping-edit\shopping-edit.component.css:98:26: 「D:\demoApp\src」の「assets/header.png」を解決できません\app\買い物リスト\買い物編集'

コード :

   96 | }
   97 | .section-testimonials{
>  98 |     background-image:url(assets/header.png); ;
      |                          ^
   99 | }
  100 | 

Answer 1

場所に引用符とスラッシュを使用します。

   96 | }
   97 | .section-testimonials{
>  98 |     background-image:url("./assets/header.png"); ;
      |                          
   99 | }
  100 |