找不到图像：为什么 React 声称图像在 src 文件夹之外，而实际上它们不在？答案

【问题标题】：Images not found: Why does React claim the images are outside src folder when they are not?找不到图像：为什么 React 声称图像在 src 文件夹之外，而实际上它们不在？
【发布时间】：2022-11-17 03:42:33
【问题描述】：

我最近切换到 create-react-app，因为我在生产中遇到了问题。

现在，我有这个文件夹结构，图像在我的 asset 文件夹中，它在我的 src 文件夹中：

在我的 Main.js 文件的顶部，我试图像这样导入我的图像文件：

import Pic from "../assets/Aalto.png"

但是，我从 devserver 收到此错误：“找不到模块：错误：您试图导入 ../assets/Aalto.png，它位于项目 src/ 目录之外。不支持 src/ 之外的相对导入。你可以将它移动到 src/ 中，或者从项目的 node_modules/ 添加一个符号链接到它。”

-> 在我切换到 create-react-app 之前以及尝试导入“./Website_pic.jpg”（您可以在图片中看到）之前，这段代码完美无缺地工作，它不在我的资产文件夹中，那么问题就来了没有出现。

我怎样才能解决这个问题？

【问题讨论】：

标签： reactjs create-react-app assets webpack-dev-server

【解决方案1】：

您正在尝试使用 .. 退出 src 文件夹

改变这个

import Pic from "../assets/Aalto.png"

对此：

import Pic from "./assets/Aalto.png"

【讨论】：