Gatsby.jsで作成したサイトをChromeで表示する度にGoogle translateが表示される

March 20, 2022

以下がenになっていたため、サイト表示の度に Google translateが表示されていた。

<!DOCTYPE html><html lang="en">

上記”en”の箇所は public>404>index.htmlの一部分であり、これはGatsby.jsをbildした結果のhtmlファイルであるため、 build前のファイルを探す。 langでフォルダを検索すると、 src>components>seo.jsというファイルがあり、そのなかのファイルの記述に、

Seo.defaultProps = {
  lang: `en`,
  meta: [],
  description: ``,
}

があるため、enの箇所をjaに変え、

npm run build

を実行する。build後、 public>404>index.htmlの中身を見てみると、

<!DOCTYPE html><html lang="ja">

と記述を変えることができた。変えたあとにサイトをWeb上で表示させると、無事Google translateの表示を無くすことができた。