将图像导入 React 组件时出错答案

【问题标题】：Error Importing Image into React Component将图像导入 React 组件时出错
【发布时间】：2021-10-20 02:50:41
【问题描述】：

我有一个images 文件夹，其中有一张图片stock.jpg。当我尝试使用import {stock} from '../images/stock.jpg' 将其导入我的电影组件时，我收到错误Attempted import error: 'stock' is not exported from '../images/stock.jpg'。导入中的文件路径对我来说很好，这是我的目录结构

我做错了什么？

【问题讨论】：

您不能将命名导入用于静态资产。改用import stock from '../images/stock.jpg' 之类的方法
介意解释为什么不？这很奇怪，因为许多其他 S.O 帖子都显示了使用命名导出的示例。
因为是静态资产。 JPEG 中没有 JS 代码导出 stock 符号或任何其他符号。

标签： javascript reactjs

【解决方案1】：

再次尝试导出without {}

import ImageJPG from "../images/stock.jpg";

如果是svg

import {ReactComponent as ImageSVG} from "../images/stock.svg"

【讨论】：

为什么命名导出不起作用？
default export