為什么我在 JSX - x 表達式中收到此錯誤消息？

Question

我收到錯誤說明 - x 表達式預期和未終止的正則表達式文字... 1

我遇到問題的代碼如下：

import Link from 'next/link';
import React from 'react';
import {useContext} from "react";
import {UserContext} from "../lib/context";

// Top Navbar
export default function Navbar() {
    const { user, username } = useContext(UserContext)

    return (
        <nav className='navbar'>
            <ul>
                <li>
                    <Link href="/">
                        <button>FEED</button>
                    </Link>
                </li>

                {/* user is signed in and has username */}
                {username && (
                    <div>
                        <li className='push-left'>
                            <Link href="/admin">
                                <button className="btn-blue">Write Posts</button>
                            </Link>
                        </li>
                        <li>
                            <Link href={`/${username}`}>
                                <img src={user?.photoURL} alt=/>
                            </Link>
                        </li>
                    </div>
                )}


                {/* user is not signed in OR has not created username */}
                {!username && (
                    <li>
                        <Link href="/enter">
                            <button className="btn-blue">Log in</button>
                        </Link>
                    </li>
                )}
            </ul>
        </nav>
    )
}

有誰知道為什么會發生這種情況？

Answer 1

檢查第 29 行。 <img src={user?.photoURL} alt=/>

alt 標簽應至少包含一個空字符串：

<img src={user?.photoURL} alt=""/>

我希望這會有所幫助:)

Answer 2

謝謝，我通過在 HTML/CSS 中切換到雙引號而不是單引號來解決它。