gatsby-plugin-mdx не может найти модуль 'gatsby/webpack'

Question

Я только что добавил gatsby-plugin-mdx к своим подключаемым модулям gatsby, но я продолжаю получать эту ошибку при запуске проекта.

      Error in "/Gatsby/node_modules/gatsby-plugin-mdx/gatsby-node.js": 
Cannot find module 'gatsby/webpack'

Я заметил, что были некоторые предупреждения о версии, подобные приведенному ниже, но я не уверен, что это проблема, поскольку она работает до тех пор, пока gatsby-plugin-mdx не добавлен в gatsby-config.
Я новичок в Gatsby, и большинство добавленных плагинов были добавлены по их руководствам, так что я действительно ломаю голову здесь.
Есть идеи, что вызывает это и как это исправить?

      warn Plugin gatsby-plugin-sass is not compatible with your 
gatsby version 3.14.6 - It requires gatsby@^4.0.0-next

Вот мой package.json

      {
  "name": "gatsby",
  "version": "1.0.0",
  "private": true,
  "description": "Gatsby",
  "author": "V",
  "keywords": [
    "gatsby"
  ],
  "scripts": {
    "develop": "gatsby develop",
    "start": "gatsby develop",
    "build": "gatsby build",
    "serve": "gatsby serve",
    "clean": "gatsby clean"
  },
  "dependencies": {
    "@mdx-js/mdx": "^1.6.22",
    "@mdx-js/react": "^1.6.22",
    "@react-three/cannon": "^4.0.1",
    "@react-three/drei": "^7.22.1",
    "@react-three/fiber": "^7.0.19",
    "classnames": "^2.3.1",
    "dayjs": "^1.10.7",
    "framer-motion": "^5.3.0",
    "gatsby": "^3.12.1",
    "gatsby-plugin-gatsby-cloud": "^3.0.0",
    "gatsby-plugin-image": "^1.12.0",
    "gatsby-plugin-layout": "^3.2.0",
    "gatsby-plugin-mdx": "^3.3.0",
    "gatsby-plugin-sass": "^5.1.1",
    "gatsby-plugin-sharp": "^3.12.0",
    "gatsby-source-filesystem": "^4.3.0",
    "react": "^17.0.1",
    "react-dom": "^17.0.1",
    "sass": "^1.43.4",
    "three": "^0.134.0"
  },
  "devDependencies": {}
}

И мой gatsby-config.js

      module.exports = {
  siteMetadata: {
    siteUrl: "https://www.yourdomain.tld",
    title: "Gatsby",
  },
  plugins: [
    "gatsby-plugin-gatsby-cloud",
    "gatsby-plugin-image",
    "gatsby-plugin-sharp",
    `gatsby-plugin-sass`,
    "gatsby-plugin-layout",
    {
      resolve: "gatsby-source-filesystem",
      options: {
        name: `src`,
        path: `${__dirname}/src/works/`,
      },
    },
    "gatsby-plugin-mdx" // adding this creates error!
  ],
};

Answer 1

Это трудно определить, не видя сайт вживую, но я предполагаю, что основной проблемой является версия ( ^3.3.0). Согласно журналу изменений , примечание к выпуску связано с Gatsby v4.3, который несовместим с вашим текущим Gatsby, поскольку ваш 3.14.6и требует серьезного обновления (Гэтсби 4).

Тем не менее, у вас есть два варианта:

• Обновите Gatsby и все связанные с ним зависимости как минимум до версии 4.
• Понизить рейтинг gatsby-plugin-mdxк2.14.0который, по-видимому, совместим с вашей текущей версией Gatsby.

В обоих случаях вам нужно избавиться от package-lock.json(или же yarn.lock) и переустановите пакет до нужной версии.