此为历史版本和 IPFS 入口查阅区,回到作品页
門糸糸
IPFS 指纹 这是什么

作品指纹

Gatsby.js+Contentful CMS|解決建立環境時出現的錯誤

門糸糸
·
·
原本能5分鐘完成的blog網站,結果需要3天時間。

原本可以5分鐘就能完成的blog網站,結果我花了3天時間去解決一些Bug,此刻我覺得人生有點精彩(反話來的!🤣 )。

前陣子我在公司為客戶網站做SEO優化時,發現他的網站比Wordpress更好,SEO Keyword很快就能上Top 10的排位,雖然是頭10名,不過這其實也很難說,因為人家也算是知名的公司。但我還是研究了一下,他們的網站是用Contentful CMS跟React.js 建立出來的。所以我就上網查了一下,就查到Gatsby.js+Contentful CMS的說明。雖然不是用React.js,但深入了解一下Gatsby.js發現其實他是基於React.js派生出來的東西。

在YouTube裡的一個叫「Web Development In 2022 - A Practical Guide」影片當中,有提及到Gatsby.js的好處。好!話不多說,有興趣可以自己去了解一下。回到文章的重點,當我決定選擇用Gatsby.js+Contentful CMS之後,我就上網查如何使用他們來做一個blog網站。然後我在IT邦幫忙找到了能用五分鐘內做出一個Gatsby+Contentful的Blog網站,看他的文章已經過了3年多了,就這一點,我就知道可能會花超過5分鐘才完成blog網站了,因為經過時間越長,插件更新的內容會有所不同。

當我 npm run dev 時出現錯誤

接著我又在Contentful的YouTube頻道找到教學影片,官方的內容一定沒錯了吧!而且是兩個月前的教學,一定不會差太遠吧!此刻的我一副得意洋洋的模樣,沾沾自喜的打開了Macbook內的Terminal,按照影片內的教學,按步就班地輸入npm指令,誰不知......出現這個問題......

npm v8.4.1

按照錯誤去按裝最新版的npm,但Node.js官方公開的npm才v8.4.1版本,那來的8.5.0......

不過我照樣安裝了npm v8.4.1試試看,然後我再輸入

npm run dev 
ERROR #98124

看起來好像是OK,但結果又出現另外一個問題,媽的!氣死我了!

github 「Module not found: Error: Can't resolve 'core-js/modules/web.dom.iterable' #500」

我在網上左查右查,聽網民說什麼刪除npm跟Gatsby再重裝一次,不過一樣不行。後來我在github上找到一篇文章,內容跟我的處境是差不多一樣的,留言大部份人都是說core3.0版本的文件有很多都重新命名了,他們都建議把core降到2.6.5版本。


於是乎我再打開Terminal,輸入

npm i core-js@2.6.5

之後就成功了!成功了!成功了!

再打開Blog網頁,看來也很正常。

以上不是教學,是我的心得,有興趣的話可以自己先研究一下,等我研究好了再發教學文!謝謝!



CC BY-NC-ND 2.0 授权