#reactjs #gatsby
#reactjs #gatsby
Вопрос:
Когда я визуализирую содержимое публикации в WordPress в своем блоге Gatsby, изображение сохраняет тот же удаленный URL.
Как я могу это решить? Все остальные извлеченные изображения из ACF, Featured img и т. Д. Работают Отлично.
мой post.js компонент внутри Гэтсби:
*imports......*
const postTemplate = ({ data: { post } }) => (
<Layout>
<div className="container">
<div className="row" style={{ marginBottom: '40px' }}>
<PostSidebar
date={post.date}
author={post.author.name}
categories={post.categories}
/>
<PostContent className="col-lg-9">
<h1 dangerouslySetInnerHTML={{ __html: post.title }} />
<div dangerouslySetInnerHTML={{ __html: post.content }} />
</PostContent>
</div>
</div>
</Layout>
)
postTemplate.propTypes = {
data: PropTypes.object.isRequired
}
export default postTemplate
export const pageQuery = graphql`
query($id: String!) {
post: wordpressPost(id: { eq: $id }) {
title
content
author {
name
}
date(formatString: "DD, MMMM, YYYY", locale: "pt")
categories {
id
name
slug
}
}
}
`
Комментарии:
1. Какие версии
gatsby-source-wordpress
вы используете?2. Привет! «gatsby-source-wordpress»: «^ 5.3.0»,
Ответ №1:
Согласно некоторым потокам GitHub, использование загруженных изображений WYSYWIG не поддерживалось gatsby-source-wordpress
до версии 4:
- https://github.com/gatsbyjs/gatsby/issues/11179
- https://github.com/gatsbyjs/gatsby/issues/3733
- https://github.com/TylerBarnes/gatsby-wordpress-inline-images : Этот плагин был создан, чтобы обойти это ограничение содержания сообщений
Версия 4 была выпущена 2021/02/04 в соответствии с CHANGELOG.md
и, в соответствии с датой публикации (2020/09/30), ваша проблема должна быть исправлена при загрузке версии вашего плагина.