React 图像未呈现 - /Capture.PNG 位于项目 src/ 目录之外。不支持 src/ 之外的相对导入
React image not rendering - /Capture.PNG which falls outside of the project src/ directory. Relative imports outside of src/ are not supported
我正在尝试在 React-Strap 中渲染图像。
我试过从图像文件夹中导入图像，如下图所示。
文件夹设置
我也试过将图片直接放入源文件夹，然后在代码中使用它，如下图所示。
文件夹设置
这是我收到的实际错误：
实际错误
我在我的代码中尝试了以下图像标签：
尝试的代码
每次我都收到一条错误消息，说图像不在项目范围内，并且不支持源文件夹之外的相对导入。
您必须在路径前添加 .:
示例：./Photo.png <- 您的工作文件和照片在同一个文件夹中
./Directory/Photo.png <- 照片位于与您当前工作文件夹同级的文件夹中
../Directory/Photo.png <- 在这里你回到一个文件夹然后在照片所在的文件夹中
我建议在顶部导入图像，如下所示：
从“./Capture.png”导入 img（如果图像与您的 js 文件位于同一文件夹中）。
然后在代码中 return 像这样：
<img src={img} />
这应该有效。
这对我有用。
我正在尝试在 React-Strap 中渲染图像。
我试过从图像文件夹中导入图像，如下图所示。
文件夹设置
我也试过将图片直接放入源文件夹，然后在代码中使用它，如下图所示。
文件夹设置
这是我收到的实际错误：
实际错误
我在我的代码中尝试了以下图像标签：
尝试的代码
每次我都收到一条错误消息，说图像不在项目范围内，并且不支持源文件夹之外的相对导入。
您必须在路径前添加 .:
示例：./Photo.png <- 您的工作文件和照片在同一个文件夹中
./Directory/Photo.png <- 照片位于与您当前工作文件夹同级的文件夹中
../Directory/Photo.png <- 在这里你回到一个文件夹然后在照片所在的文件夹中
我建议在顶部导入图像，如下所示：
从“./Capture.png”导入 img（如果图像与您的 js 文件位于同一文件夹中）。
然后在代码中 return 像这样：
<img src={img} />
这应该有效。
这对我有用。