🐊

【Gatsby】gatsby-plugin-image is missing from your ~ エラーの対処法

2022/10/13に公開

症状


 ERROR #gatsby-source-contentful_111005 

gatsby-plugin-image is missing from your gatsby-config
file.
Please add "gatsby-plugin-image" to your plugins array.

not finished onPreInit - 0.018s

筆者の環境

グローバルライブラリバージョン

npm list --depth=0 -g

/Users/user/.nvm/versions/node/v14.18.1/lib
├── gatsby-cli@4.24.0
└── npm@8.19.2

プロジェクトライブラリバージョン

npm list --depth=0

gatsby-starter-hello-world@0.1.0 /Users/user/blog
├── dotenv@16.0.3
├── gatsby-source-contentful@7.22.0
├── gatsby@4.24.4
├── prettier@2.7.1
├── react-dom@18.2.0
└── react@18.2.0

解決策

gatsby-config.js
  plugins: [
    `gatsby-plugin-image`, //追加

  ],

関連ページ

https://www.chickensblog.com/vscode-not-path/
https://www.chickensblog.com/vscode-runcode-run/
https://zenn.dev/teba_eleven/articles/5af8f29e9e200d
https://zenn.dev/teba_eleven/articles/f3e2b4746464d3
https://zenn.dev/teba_eleven/articles/1691b3e25dd751

参考ページ

https://blog.katsubemakito.net/nodejs/npm_info_version
npmライブラリバージョン確認コマンドを参考にさせていただきました。

Discussion