Reactjs 在react项目中,为什么可以';运行npm run build时,我是否看到专门保存在名为public/icons的目录中的图像?
在我的react应用程序中,我最初将我的网站徽标专门保存在一个名为Reactjs 在react项目中,为什么可以';运行npm run build时,我是否看到专门保存在名为public/icons的目录中的图像?,reactjs,image,directory,Reactjs,Image,Directory,在我的react应用程序中,我最初将我的网站徽标专门保存在一个名为public/icons的目录中。当我使用npm start进行开发时,这些图像显示在我面前,但当我尝试使用npm run build进行托管时,却找不到这些图像 我的解决方案是将我的徽标移动到另一个名为public/logos的目录,这样做很好 我获取图像资源的方式是: const logo = url.resolve( process.env.PUBLIC_URL, "/logos/logo.png", ); 然而,
public/icons
的目录中。当我使用npm start
进行开发时,这些图像显示在我面前,但当我尝试使用npm run build
进行托管时,却找不到这些图像
我的解决方案是将我的徽标移动到另一个名为public/logos
的目录,这样做很好
我获取图像资源的方式是:
const logo = url.resolve(
process.env.PUBLIC_URL,
"/logos/logo.png",
);
然而,我仍然不明白为什么在一开始使用
公共/图标时会出现问题?
在npm运行build
之后,“build”目录中没有名为“icons”的目录?你是否使用CRA引导你的项目?你可能想检查@AjeetShah我确实使用了CRA。此外,在我的“构建”目录中,确实存在一个名为“icons”的目录,该目录在运行npm run build
后带有徽标。另外,在运行npm run build
之后,我采取的最后一步是使用cp-r build/*../other dir
(其中还包含“icons”dir+logos)将所有文件复制到一个单独的文件夹中进行部署,在npm run build
之后的“build”目录中,没有名为“icons”的目录?你是否使用CRA引导你的项目?你可能想检查@AjeetShah我确实使用了CRA。此外,在我的“构建”目录中,确实存在一个名为“icons”的目录,该目录在运行npm run build
后带有徽标。另外,在运行npm run build
之后,我采取的最后一步是使用cp-r build/*../other dir
(其中还包含“icons”dir+logo)将所有文件复制到单独的文件夹中进行部署