在 varcel 上托管 Reactjs 站点无法找到看似正确的导入路径

Question

我正在尝试在 varcel 上托管我的 ReactJS 网站。
该网站有多个资产，网站在我的本地运行完全正常。

当我尝试托管它时出现问题，它无法导入资产。 抛出

构建过程中出现错误： 错误：无法从 src/Pages/Contact/Contact.jsx 解析“../../assets/portraits/1.jpeg”

导入语句如下

import P1 from "../../assets/portraits/1.jpeg";

dir结构就像

src
 > assets
  > icons
  > portraits
    >1.png
    >2.png

我感到非常沮丧，无法采取措施，任何帮助将不胜感激 预先感谢。

Answer 1

您必须将所有图像保存在公共文件夹中，然后使用绝对路径导入该图像。例如这样的结构

公开

肖像 >1.png >2.png 然后

import P1 from "/portraits/1.jpeg";