Wei's

Warning - title should not be used in _document.js's Head.

11 Aug 2022

solution : Set title in pages/_app.js

  <Head>
      <title>Name</title>
  </Head>

Error - Cannot find module 'date-fns/formatISO

11 Aug 2022

If you encountering the problem as tile or Module not found: Error: Can't resolve 'date-fns/addDays' or Module not found: Can't resolve '@date-io/date-fns'…

Try to install date-fns package in version 2.28.0

Ceramic Network request failed

21 Jul 2022

if you encounter error like this :

Uncaught (in promise) Error: Failed to resolve did:3:kjzl6cwe1jw147zqv5dtc1ftpxhxoo0tsabl7271zemu8hkjukmcey2ja2fhlu4?version-id=0#dMW2faveLVp6D2H: invalidDid, TypeError: Network request failed
    at DID.resolve (did.js?f452:230:1)
    at async DID.verifyJWS (did.js?f452:142:1)
    at async DID.authenticate (did.js?f452:86:23)

and your code maybe look like :

const ceramic = new CeramicClient('')
  const did = new DID({
    // Get the DID provider from the 3ID Connect instance
    provider: threeID.getDidProvider(),
    resolver: {
      ...get3IDResolver(ceramic),
      ...getKeyResolver(),
    },
  })

Try to change

const ceramic = new CeramicClient()

to

const ceramic = new CeramicClient('https://ceramic-clay.3boxlabs.com')

Change svg color

21 Jul 2022

Open your svg file and you’ll see code like below :

<path class="svgpath" data-index="path_0" fill="#ffffff" d="M0 525.2c0 223.6 143.3 413.7 343 483.5 26.9 6.8 22.8-12.4 22.8-25.4l0-88.7c-155.3 18.2-161.5-84.6-172-101.7-21.1-36-70.8-45.2-56-62.3 35.4-18.2 71.4 4.6 113.1 66.3 30.2 44.7 89.1 37.2 119 29.7 6.5-26.9 20.5-50.9 39.7-69.6C248.8 728.2 181.7 630 181.7 513.2c0-56.6 18.7-108.7 55.3-150.7-23.3-69.3 2.2-128.5 5.6-137.3 66.5-6 135.5 47.6 140.9 51.8 37.8-10.2 80.9-15.6 129.1-15.6 48.5 0 91.8 5.6 129.8 15.9 12.9-9.8 77-55.8 138.8-50.2 3.3 8.8 28.2 66.7 6.3 135 37.1 42.1 56 94.6 56 151.4 0 117-67.5 215.3-228.8 243.7 26.9 26.6 43.6 63.4 43.6 104.2l0 128.8c0.9 10.3 0 20.5 17.2 20.5C878.1 942.4 1024 750.9 1024 525.3c0-282.9-229.3-512-512-512C229.1 13.2 0 242.3 0 525.2L0 525.2z" />

or

<svg fill="#000000" width="24px" height="24px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">

change fill attribute to color you want.

添加.well-known路徑及檔案

13 Jul 2022

如申請SSL憑證時，會遇到如下圖驗證步驟：

網路上遍尋不著教學，後來發現可能是方法太簡單，方法如下：

  1. 在前端程式目錄新增 .well-known 資料夾(與子資料夾，以上圖範例為例的話應該於.well-known底下再建立建立pki-validation資料夾，視應用場景而定)，將 .txt, .json 檔案置入
  2. config.yml 新增一行 include: [".well-known"]