3 回答

TA貢獻1799條經驗 獲得超8個贊
在沒有看到任何實際代碼的情況下,鏈接到 Gatsby 中頁面的最簡單方法(在我看來)是:
import Link from 'gatsby-link'
接著:
<Link to="/the-path-you-want-to-link-to">
your link text
</Link>
只要您在文件中siteUrl配置了一個gatsby-config.js,您的鏈接路徑就會附加到它并且鏈接應該可以工作。<a>您也可以隨時使用標簽對它們進行硬編碼。
siteUrl鑰匙siteMetadata進去_gatsby-config.js
module.exports = {
siteMetadata: {
title: `Gatsby Default Starter`,
description: `Kick off your next, great Gatsby project with this default starter. This barebones starter ships with the main Gatsby configuration files you might need.`,
author: `@gatsbyjs`,
siteUrl: `https://your-production-url.com`
},
...
}

TA貢獻1864條經驗 獲得超2個贊
由于某種原因,在我的計算機上以小寫字母命名的文件(顯示方式相同)在 git 中以大寫字母開頭。因此,如果你也得到了它,請檢查 GitHub 或你使用的任何其他 git 平臺中的文件名。

TA貢獻1853條經驗 獲得超6個贊
更新的解決方案:在閱讀了 GitHub 在更新文件大小寫更改方面存在一些問題(如果文件最初以 Services.js 推送到 GitHub 后更改為 services.js),他們建議刪除該文件并使用相同的內容和名稱,但使用您喜歡的文件名大小寫。這對我有用。
老評論:
我有一個類似的問題。您可以在一個實時示例中看到這個問題:pearsondigitalmarketing.com通過單擊菜單然后查看“服務”和“視覺”如何加載。
該站點與 OP 相似,但使用 Gatsby Wordpress Experimental 主題構建。
我正在通過鏈接組件使用 Chakra UI 和 Gatsby Link 的組合,并且服務和視覺頁面都在本地構建(Gatsby Develop)中工作,但是由于我的生產構建是使用我的 GitHub 存儲庫在 Netlify 上構建的,所以它找到了一個大寫的頁面視覺和服務的版本。
這以某種方式為頁面最初加載造成了問題。
該頁面加載一個空白的白色屏幕。
如果我刷新該空白頁面,則在將非大寫路由重新路由到大寫路由之后,頁面會按預期加載(GitHub 和 Netlify 認為是正確的)
@dankondr 也提到了這一點。
有沒有人找到解決方案?我想我需要弄清楚為什么 GitHub 在推送時將這兩個頁面大寫。或者我只需要從本地文件部署到 Netlify/host,而不是使用 GitHub
添加回答
舉報