“盖茨比构建”命令 jsx 不正确，但盖茨比开发没有答案

【问题标题】："Gatsby build" orders jsx improperly, but gatsby develop doesn't“盖茨比构建”命令 jsx 不正确，但盖茨比开发没有
【发布时间】：2021-01-08 03:15:37
【问题描述】：

一个带有

的标记是由整个标记（包括结束标记）在应该在其中的

之前生成的。在运行“gatsby develop”时，这从未发生过，在今天之前，“gatsby build”也没有这个问题。

供参考：

<a href={props.link} target="_blank" rel="noreferrer" className={"tile is-child" + (isolated ? " is-3" : "")}>
            <div className="card m-3 is-clickable is-link">
                <div className="card-image">
                    <InfoOverlay name={props.status} color={props.statusColor ? props.statusColor : "light"} overlayLink={props.overlayLink} />
                    <figure className="image is-2by1">
                        <img src={props.image} alt={props.name + " Image"} style={{ objectFit: "cover" }} />
                    </figure>
                </div>
                <div className="card-content">
                    <div className="media">
                        <Icon props={props} />
                        <div className="media-content">
                            <div className={"title" + (props.tSize !== "undefined" ? " is-" + props.tSize : " is-3")} style={{ paddingTop: sizeDict[tSize][0], paddingBottom: sizeDict[tSize][1] }}>{props.name}</div>
                        </div>
                    </div>
                </div>
            </div>
</a>

我似乎在其他任何地方都找不到这个问题，但这可能是我不知道去哪里找的情况（这是我的第一个 gatsby 项目和我的第一个相对复杂的 react 项目）。如果信息太少，请告诉我，我可以发送更多。任何帮助将不胜感激！

【问题讨论】：

标签： reactjs gatsby