「) expected」「at-rule or selector expected」を解決したい

Question

前提・実現したいこと

「) expected」「at-rule or selector expected」のエラーが発生しました。画像自体は表示できていますが解決したいです

発生している問題・エラーメッセージ

) expected
[{
	"resource": "/Users/tokugawa/Desktop/genders/resources/views/index.blade.php",
	"owner": "_generated_diagnostic_collection_name_#1",
	"code": "css-rparentexpected",
	"severity": 8,
	"message": ") expected",
	"source": "css",
	"startLineNumber": 31,
	"startColumn": 70,
	"endLineNumber": 31,
	"endColumn": 71
}]

at-rule or selector expected
[{
	"resource": "/Users/tokugawa/Desktop/genders/resources/views/index.blade.php",
	"owner": "_generated_diagnostic_collection_name_#1",
	"code": "css-ruleorselectorexpected",
	"severity": 8,
	"message": "at-rule or selector expected",
	"source": "css",
	"startLineNumber": 31,
	"startColumn": 91,
	"endLineNumber": 31,
	"endColumn": 92
}]

該当のソースコード

        <div class="news_cards">
          @foreach ($articles as $article)
          <div class="news_card">
            <a href="{{ route('article.show', $article) }}">
              <div class="thumbnail" style="background-image: url({{ $article->thumbnail }})" ⇦ここが原因のようです>
              </div>
              <div class="card_info">
                <div class="title _ellipsised">{{ $article->title }}</div>
                <div class="meta">
                  <span class="publisher">{{ $article->site_name }}</span>
                  <span class="published">{{ $article->published ? $article->published : $article->created_at->diffForHumans() }}</span>
                </div>
                <div class="description _ellipsised">{{ $article->description }}</div>
                <div class="sum_comment">
                  <span class="value">{{ $article->comments->count() }}</span>
                  <span class="unit">こめんと</span>
                </div>
              </div>
            </a>
          </div>
          @endforeach
        </div>

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use App\Models\User;
use App\Models\Comment;
use App\Models\Article;
use Illuminate\Support\Facades\Auth;
use Illuminate\Support\Facades\Storage;
use Illuminate\Support\Facades\DB;
use Exception;

class UserController extends Controller
{
  public function index()
  {
    $user = Auth::user();
    $comments = Comment::leftjoin('followings', 'comments.user_id', '=', 'followings.following_user_id')->where('followings.user_id', $user->id)->orwhere('comments.user_id', $user->id)->select('comments.*')->latest('comments.updated_at')->get();
    $articles = Article::latest()->get();
    $followCount = $user->follows()->count();

    return view('index', [
      'user' => $user,
      'articles' => $articles,
      'comments' => $comments,
      'followCount' => $followCount,
    ]);
  }

試したこと

該当のエラーワードで検索しましたが解決できませんでした

補足情報（FW/ツールのバージョンなど）

VSCode 1.64.0
Laravel 8.79.0
PHP 8.1.1
Docker 20.10.12

Answer 1

- background-image: url({{ $article->thumbnail }})
+ background-image: url('{{ $article->thumbnail }}')

Comments

[suika11]

助かりました ありがとうございます！