create-react-app构建会破坏一些图像

Question

好的，这让我感到困惑。在开发环境中运行\documentclass[tikz]{standalone} \tikzset{>=stealth} % nicer default arrow tip \begin{document} \begin{tikzpicture}[every node/.style={rectangle,draw,minimum width=1.5cm}] \node (a) at (0,2) {$X_1$}; \node (b) at (0,1) {$X_2$}; \node (c) at (0,0) {$X_1*X_2$}; \node (d) at (2.5,1) {$Y$}; \tikzset{every edge/.append style={->}} \path (a.east) edge ([yshift=+3pt]d.west); \path (b.east) edge ([yshift=+0pt]d.west); \path (c.east) edge ([yshift=-3pt]d.west); \tikzset{out=-180,in=180,every edge/.append style={<->,looseness=1.5}} \path ([yshift=-3pt]a.west) edge ([yshift=+3pt]b.west); \path ([yshift=-3pt]b.west) edge ([yshift=+3pt]c.west); \path ([yshift=+3pt]a.west) edge ([yshift=-3pt]c.west); \end{tikzpicture} \end{document} 时，所有图像都能正常工作，但是某些图像在运行yarn start后会中断生产。所有图像均以相同的方式导入和使用：

yarn build

并从代码示例：

import pdf from "../images/pdf.png";
import ppt from "../images/ppt.png";
import xls from "../images/xls.png";
import mov from "../images/mov.png";
import dir from "../images/dir.png";
import doc from "../images/doc.png";
import indd from "../images/indd.png"; 

同样，这在开发中效果很好。但是在生产中，{file_type === "DOC" && ( <img src={doc} style={styles.icon} alt="file icon" /> )} {file_type === "Presentation" && ( <img src={ppt} style={styles.icon} alt="file icon" /> )} 图像有效，而doc图像无效，只是显示为找不到。

在构建目录中，ppt无效的图标显示在此处，例如显示为/build/static/media/，但看不到doc.7397528b.png图标。

有什么想法吗？！

编辑： 这是经过编译并在prod中运行的代码的片段。第一张没有显示，第二张没有显示。