Vite+React图片渲染失败，控制台报Uncaught SyntaxError: ambiguous indirect export: jose

你的问题出在图片导入方式错误，在React或Vite这类构建工具环境中，导入静态资源（比如图片）应该使用默认导入，而非命名导入。

修正后的代码 #

import jose from "../img/react-logo.png"; // 去掉花括号，改用默认导入
export function Headerr() {
    return(
        <>
            <div className="redes">
                <img src={jose} alt="React图标" /> {/* 建议补充有实际意义的alt文本，提升可访问性 */}
            </div>
            <h1>Pizza</h1>
        </>
    )  
}

原因说明 #

• 静态资源文件（图片、字体等）在构建工具处理时，会被转换为资源URL并通过默认导出返回，并非命名导出，所以不能用{jose}这种解构方式导入。

内容的提问来源于stack exchange，提问作者codertocode