gatsby - 如何在主页上显示博客文章摘录而不让它们消失?
问题描述
当我打开 Gatsby 网站的主页时,第二和第三篇博客文章的摘录消失了。
重现步骤
gatsby-starter-blog
使用启动器创建新项目gatsby new new-blog https://github.com/gatsbyjs/gatsby-starter-blog
建立和服务网站
gatsby build gatsby serve
打开网址
http://localhost:9000/
第二和第三篇博文的摘录消失了
页面重新加载后出现摘录
清除页面缓存(谷歌浏览器中的 Cmd+Shift + R)或在隐身选项卡中打开页面后,可以再次重现该错误
演示: Netlify
源代码: Github
预期结果
应显示摘录
实际结果
第二和第三篇博文的摘录消失了
环境
gatsby info --clipboard
System:
OS: Linux 4.15 Ubuntu 18.04.2 LTS (Bionic Beaver)
CPU: (4) x64 Intel(R) Core(TM) i5-7200U CPU @ 2.50GHz
Shell: 4.4.19 - /bin/bash
Binaries:
Node: 8.16.0 - /usr/bin/node
npm: 6.4.1 - /usr/bin/npm
Languages:
Python: 2.7.15 - /usr/bin/python
Browsers:
Chrome: 74.0.3729.131
Firefox: 66.0.5
npmPackages:
gatsby: ^2.9.4 => 2.9.4
gatsby-image: ^2.1.4 => 2.1.4
gatsby-plugin-feed: ^2.2.3 => 2.2.3
gatsby-plugin-google-analytics: ^2.0.21 => 2.0.21
gatsby-plugin-manifest: ^2.1.1 => 2.1.1
gatsby-plugin-offline: ^2.1.3 => 2.1.3
gatsby-plugin-react-helmet: ^3.0.12 => 3.0.12
gatsby-plugin-sharp: ^2.1.5 => 2.1.5
gatsby-plugin-typography: ^2.2.13 => 2.2.13
gatsby-remark-copy-linked-files: ^2.0.13 => 2.0.13
gatsby-remark-images: ^3.0.16 => 3.0.16
gatsby-remark-prismjs: ^3.2.11 => 3.2.11
gatsby-remark-responsive-iframe: ^2.1.1 => 2.1.1
gatsby-remark-smartypants: ^2.0.9 => 2.0.9
gatsby-source-filesystem: ^2.0.39 => 2.0.39
gatsby-transformer-remark: ^2.3.12 => 2.3.12
gatsby-transformer-sharp: ^2.1.21 => 2.1.21
npmGlobalPackages:
gatsby-cli: 2.6.5
解决方案
推荐阅读
- architecture - 上下游服务
- html - 如何使css渐变全屏?它不会显示在样式化的 div 后面
- nativescript - Nativescript 8 和 Angular 12 延迟加载 => nsRouterLinkActive 不添加活动类
- javascript - 避免在每个请求中使用 Axios 在 Vue 中响应错误时进行处理
- google-bigquery - 如何在 BigQuery 中使用 $ thru JSON_EXTRACT 获取键的值
- amazon-web-services - 联合 google 登录问题(aws amplify 和 Vue js)
- java-8 - SQLException SQL 状态 [99999];错误代码 [17068]
- vue.js - 打包包含 Vuetify 的 Vue 组件后,Vuetify 不会在另一个项目中渲染
- angular - 以反应形式选择不显示任何内容
- server - 有没有办法将上传的数据(例如图像文件)发送到本地服务器?