search

strapi / strapi-plugin-seo

The official plugin to make your Strapi content SEO friendly
85 stars 36 forks source link

[BUG] SEO plugin incompatible with Strapi 5 #70

Open SalahAdDin opened 2 months ago

SalahAdDin commented 2 months ago

I'm checking the new Strapi version and this plugin is one of the most important plugins for landing pages and cooperative websites.

I ran the project and I got this issue:


  You can mark the path "@strapi/design-system/Box" as external to exclude it from the bundle, which
  will remove this error and leave the unresolved path in the bundle.

✘ [ERROR] Could not resolve "@strapi/design-system/Icon"

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/SeoChecks/AlternativeTextCheck/index.js:6:21:
      6 │ import { Icon } from '@strapi/design-system/Icon';
        ╵                      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~

  Importing the directory "./dist/Icon" is forbidden by this package:

    node_modules/@strapi/design-system/package.json:23:11:
      23 │     "./*": "./dist/*"
         ╵            ~~~~~~~~~~

  The presence of "exports" here makes importing a directory forbidden:

    node_modules/@strapi/design-system/package.json:9:2:
      9 │   "exports": {
        ╵   ~~~~~~~~~

  Import from "@strapi/design-system/Icon/index.js" to get the file
  "node_modules/@strapi/design-system/dist/Icon/index.js":

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/SeoChecks/AlternativeTextCheck/index.js:6:48:
      6 │ import { Icon } from '@strapi/design-system/Icon';
        │                                                 ^
        ╵                                                 /index.js

  You can mark the path "@strapi/design-system/Icon" as external to exclude it from the bundle,
  which will remove this error and leave the unresolved path in the bundle.

✘ [ERROR] Could not resolve "@strapi/design-system/Flex"

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/SeoChecks/KeywordDensityCheck/index.js:6:21:
      6 │ import { Flex } from '@strapi/design-system/Flex';
        ╵                      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~

  Importing the directory "./dist/Flex" is forbidden by this package:

    node_modules/@strapi/design-system/package.json:23:11:
      23 │     "./*": "./dist/*"
         ╵            ~~~~~~~~~~

  The presence of "exports" here makes importing a directory forbidden:

    node_modules/@strapi/design-system/package.json:9:2:
      9 │   "exports": {
        ╵   ~~~~~~~~~

  Import from "@strapi/design-system/Flex/index.js" to get the file
  "node_modules/@strapi/design-system/dist/Flex/index.js":

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/SeoChecks/KeywordDensityCheck/index.js:6:48:
      6 │ import { Flex } from '@strapi/design-system/Flex';
        │                                                 ^
        ╵                                                 /index.js

  You can mark the path "@strapi/design-system/Flex" as external to exclude it from the bundle,
  which will remove this error and leave the unresolved path in the bundle.

✘ [ERROR] Could not resolve "@strapi/design-system/Typography"

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/SeoChecks/LastUpdatedAtCheck/index.js:8:27:
      8 │ import { Typography } from '@strapi/design-system/Typography';
        ╵                            ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

  Importing the directory "./dist/Typography" is forbidden by this package:

    node_modules/@strapi/design-system/package.json:23:11:
      23 │     "./*": "./dist/*"
         ╵            ~~~~~~~~~~

  The presence of "exports" here makes importing a directory forbidden:

    node_modules/@strapi/design-system/package.json:9:2:
      9 │   "exports": {
        ╵   ~~~~~~~~~

  Import from "@strapi/design-system/Typography/index.js" to get the file
  "node_modules/@strapi/design-system/dist/Typography/index.js":

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/SeoChecks/LastUpdatedAtCheck/index.js:8:60:
      8 │ import { Typography } from '@strapi/design-system/Typography';
        │                                                             ^
        ╵                                                             /index.js

  You can mark the path "@strapi/design-system/Typography" as external to exclude it from the
  bundle, which will remove this error and leave the unresolved path in the bundle.

✘ [ERROR] Could not resolve "@strapi/design-system/Box"

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/Summary/SocialPreview/TabContent/index.js:3:20:
      3 │ import { Box } from '@strapi/design-system/Box';
        ╵                     ~~~~~~~~~~~~~~~~~~~~~~~~~~~

  Importing the directory "./dist/Box" is forbidden by this package:

    node_modules/@strapi/design-system/package.json:23:11:
      23 │     "./*": "./dist/*"
         ╵            ~~~~~~~~~~

  The presence of "exports" here makes importing a directory forbidden:

    node_modules/@strapi/design-system/package.json:9:2:
      9 │   "exports": {
        ╵   ~~~~~~~~~

  Import from "@strapi/design-system/Box/index.js" to get the file
  "node_modules/@strapi/design-system/dist/Box/index.js":

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/Summary/SocialPreview/TabContent/index.js:3:46:
      3 │ import { Box } from '@strapi/design-system/Box';
        │                                               ^
        ╵                                               /index.js

  You can mark the path "@strapi/design-system/Box" as external to exclude it from the bundle, which
  will remove this error and leave the unresolved path in the bundle.

✘ [ERROR] Could not resolve "@strapi/design-system/Stack"

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/SeoChecks/MetaDescriptionCheck/index.js:9:22:
      9 │ import { Stack } from '@strapi/design-system/Stack';
        ╵                       ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

  Importing the directory "./dist/Stack" is forbidden by this package:

    node_modules/@strapi/design-system/package.json:23:11:
      23 │     "./*": "./dist/*"
         ╵            ~~~~~~~~~~

  The presence of "exports" here makes importing a directory forbidden:

    node_modules/@strapi/design-system/package.json:9:2:
      9 │   "exports": {
        ╵   ~~~~~~~~~

  Import from "@strapi/design-system/Stack/index.js" to get the file
  "node_modules/@strapi/design-system/dist/Stack/index.js":

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/SeoChecks/MetaDescriptionCheck/index.js:9:50:
      9 │ import { Stack } from '@strapi/design-system/Stack';
        │                                                   ^
        ╵                                                   /index.js

  You can mark the path "@strapi/design-system/Stack" as external to exclude it from the bundle,
  which will remove this error and leave the unresolved path in the bundle.

✘ [ERROR] Could not resolve "@strapi/design-system/Stack"

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/SeoChecks/AlternativeTextCheck/index.js:7:22:
      7 │ import { Stack } from '@strapi/design-system/Stack';
        ╵                       ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

  Importing the directory "./dist/Stack" is forbidden by this package:

    node_modules/@strapi/design-system/package.json:23:11:
      23 │     "./*": "./dist/*"
         ╵            ~~~~~~~~~~

  The presence of "exports" here makes importing a directory forbidden:

    node_modules/@strapi/design-system/package.json:9:2:
      9 │   "exports": {
        ╵   ~~~~~~~~~

  Import from "@strapi/design-system/Stack/index.js" to get the file
  "node_modules/@strapi/design-system/dist/Stack/index.js":

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/SeoChecks/AlternativeTextCheck/index.js:7:50:
      7 │ import { Stack } from '@strapi/design-system/Stack';
        │                                                   ^
        ╵                                                   /index.js

  You can mark the path "@strapi/design-system/Stack" as external to exclude it from the bundle,
  which will remove this error and leave the unresolved path in the bundle.

✘ [ERROR] Could not resolve "@strapi/design-system/Typography"

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/SeoChecks/CanonicalUrlCheck/index.js:9:27:
      9 │ import { Typography } from '@strapi/design-system/Typography';
        ╵                            ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

  Importing the directory "./dist/Typography" is forbidden by this package:

    node_modules/@strapi/design-system/package.json:23:11:
      23 │     "./*": "./dist/*"
         ╵            ~~~~~~~~~~

  The presence of "exports" here makes importing a directory forbidden:

    node_modules/@strapi/design-system/package.json:9:2:
      9 │   "exports": {
        ╵   ~~~~~~~~~

  Import from "@strapi/design-system/Typography/index.js" to get the file
  "node_modules/@strapi/design-system/dist/Typography/index.js":

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/SeoChecks/CanonicalUrlCheck/index.js:9:60:
      9 │ import { Typography } from '@strapi/design-system/Typography';
        │                                                             ^
        ╵                                                             /index.js

  You can mark the path "@strapi/design-system/Typography" as external to exclude it from the
  bundle, which will remove this error and leave the unresolved path in the bundle.

✘ [ERROR] Could not resolve "@strapi/design-system/Typography"

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/SeoChecks/WordCountCheck/index.js:9:27:
      9 │ import { Typography } from '@strapi/design-system/Typography';
        ╵                            ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

  Importing the directory "./dist/Typography" is forbidden by this package:

    node_modules/@strapi/design-system/package.json:23:11:
      23 │     "./*": "./dist/*"
         ╵            ~~~~~~~~~~

  The presence of "exports" here makes importing a directory forbidden:

    node_modules/@strapi/design-system/package.json:9:2:
      9 │   "exports": {
        ╵   ~~~~~~~~~

  Import from "@strapi/design-system/Typography/index.js" to get the file
  "node_modules/@strapi/design-system/dist/Typography/index.js":

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/SeoChecks/WordCountCheck/index.js:9:60:
      9 │ import { Typography } from '@strapi/design-system/Typography';
        │                                                             ^
        ╵                                                             /index.js

  You can mark the path "@strapi/design-system/Typography" as external to exclude it from the
  bundle, which will remove this error and leave the unresolved path in the bundle.

✘ [ERROR] Could not resolve "@strapi/design-system/Badge"

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/SeoChecks/KeywordDensityCheck/index.js:7:22:
      7 │ import { Badge } from '@strapi/design-system/Badge';
        ╵                       ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

  Importing the directory "./dist/Badge" is forbidden by this package:

    node_modules/@strapi/design-system/package.json:23:11:
      23 │     "./*": "./dist/*"
         ╵            ~~~~~~~~~~

  The presence of "exports" here makes importing a directory forbidden:

    node_modules/@strapi/design-system/package.json:9:2:
      9 │   "exports": {
        ╵   ~~~~~~~~~

  Import from "@strapi/design-system/Badge/index.js" to get the file
  "node_modules/@strapi/design-system/dist/Badge/index.js":

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/SeoChecks/KeywordDensityCheck/index.js:7:50:
      7 │ import { Badge } from '@strapi/design-system/Badge';
        │                                                   ^
        ╵                                                   /index.js

  You can mark the path "@strapi/design-system/Badge" as external to exclude it from the bundle,
  which will remove this error and leave the unresolved path in the bundle.

✘ [ERROR] Could not resolve "@strapi/design-system/Badge"

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/SeoChecks/MetaSocialCheck/index.js:9:22:
      9 │ import { Badge } from '@strapi/design-system/Badge';
        ╵                       ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

  Importing the directory "./dist/Badge" is forbidden by this package:

    node_modules/@strapi/design-system/package.json:23:11:
      23 │     "./*": "./dist/*"
         ╵            ~~~~~~~~~~

  The presence of "exports" here makes importing a directory forbidden:

    node_modules/@strapi/design-system/package.json:9:2:
      9 │   "exports": {
        ╵   ~~~~~~~~~

  Import from "@strapi/design-system/Badge/index.js" to get the file
  "node_modules/@strapi/design-system/dist/Badge/index.js":

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/SeoChecks/MetaSocialCheck/index.js:9:50:
      9 │ import { Badge } from '@strapi/design-system/Badge';
        │                                                   ^
        ╵                                                   /index.js

  You can mark the path "@strapi/design-system/Badge" as external to exclude it from the bundle,
  which will remove this error and leave the unresolved path in the bundle.

✘ [ERROR] Could not resolve "@strapi/design-system/Icon"

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/Summary/BrowserPreview/MetaChecks/index.js:5:21:
      5 │ import { Icon } from '@strapi/design-system/Icon';
        ╵                      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~

  Importing the directory "./dist/Icon" is forbidden by this package:

    node_modules/@strapi/design-system/package.json:23:11:
      23 │     "./*": "./dist/*"
         ╵            ~~~~~~~~~~

  The presence of "exports" here makes importing a directory forbidden:

    node_modules/@strapi/design-system/package.json:9:2:
      9 │   "exports": {
        ╵   ~~~~~~~~~

  Import from "@strapi/design-system/Icon/index.js" to get the file
  "node_modules/@strapi/design-system/dist/Icon/index.js":

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/Summary/BrowserPreview/MetaChecks/index.js:5:48:
      5 │ import { Icon } from '@strapi/design-system/Icon';
        │                                                 ^
        ╵                                                 /index.js

  You can mark the path "@strapi/design-system/Icon" as external to exclude it from the bundle,
  which will remove this error and leave the unresolved path in the bundle.

✘ [ERROR] Could not resolve "@strapi/helper-plugin"

    node_modules/@strapi/plugin-seo/admin/src/components/HomePage/Main/SettingsModal/index.js:23:44:
      23 │ import { ContentBox, useNotification } from '@strapi/helper-plugin';
         ╵                                             ~~~~~~~~~~~~~~~~~~~~~~~

  You can mark the path "@strapi/helper-plugin" as external to exclude it from the bundle, which
  will remove this error and leave the unresolved path in the bundle.

✘ [ERROR] Could not resolve "@strapi/design-system/Stack"

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/SeoChecks/MetaTitleCheck/index.js:9:22:
      9 │ import { Stack } from '@strapi/design-system/Stack';
        ╵                       ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

  Importing the directory "./dist/Stack" is forbidden by this package:

    node_modules/@strapi/design-system/package.json:23:11:
      23 │     "./*": "./dist/*"
         ╵            ~~~~~~~~~~

  The presence of "exports" here makes importing a directory forbidden:

    node_modules/@strapi/design-system/package.json:9:2:
      9 │   "exports": {
        ╵   ~~~~~~~~~

  Import from "@strapi/design-system/Stack/index.js" to get the file
  "node_modules/@strapi/design-system/dist/Stack/index.js":

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/SeoChecks/MetaTitleCheck/index.js:9:50:
      9 │ import { Stack } from '@strapi/design-system/Stack';
        │                                                   ^
        ╵                                                   /index.js

  You can mark the path "@strapi/design-system/Stack" as external to exclude it from the bundle,
  which will remove this error and leave the unresolved path in the bundle.

✘ [ERROR] The JSX syntax extension is not currently enabled

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/SeoChecks/SEOAccordion/index.js:28:4:
      28 │     <AccordionGroup>
         ╵     ^

  The esbuild loader for this file is currently set to "js" but it must be set to "jsx" to be able
  to parse JSX syntax. You can use "loader: { '.js': 'jsx' }" to do that.

✘ [ERROR] Could not resolve "@strapi/design-system/Stack"

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/Summary/BrowserPreview/MetaChecks/index.js:6:22:
      6 │ import { Stack } from '@strapi/design-system/Stack';
        ╵                       ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

  Importing the directory "./dist/Stack" is forbidden by this package:

    node_modules/@strapi/design-system/package.json:23:11:
      23 │     "./*": "./dist/*"
         ╵            ~~~~~~~~~~

  The presence of "exports" here makes importing a directory forbidden:

    node_modules/@strapi/design-system/package.json:9:2:
      9 │   "exports": {
        ╵   ~~~~~~~~~

  Import from "@strapi/design-system/Stack/index.js" to get the file
  "node_modules/@strapi/design-system/dist/Stack/index.js":

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/Summary/BrowserPreview/MetaChecks/index.js:6:50:
      6 │ import { Stack } from '@strapi/design-system/Stack';
        │                                                   ^
        ╵                                                   /index.js

  You can mark the path "@strapi/design-system/Stack" as external to exclude it from the bundle,
  which will remove this error and leave the unresolved path in the bundle.

✘ [ERROR] Could not resolve "@strapi/design-system/Typography"

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/SeoChecks/MetaDescriptionCheck/index.js:11:27:
      11 │ import { Typography } from '@strapi/design-system/Typography';
         ╵                            ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

  Importing the directory "./dist/Typography" is forbidden by this package:

    node_modules/@strapi/design-system/package.json:23:11:
      23 │     "./*": "./dist/*"
         ╵            ~~~~~~~~~~

  The presence of "exports" here makes importing a directory forbidden:

    node_modules/@strapi/design-system/package.json:9:2:
      9 │   "exports": {
        ╵   ~~~~~~~~~

  Import from "@strapi/design-system/Typography/index.js" to get the file
  "node_modules/@strapi/design-system/dist/Typography/index.js":

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/SeoChecks/MetaDescriptionCheck/index.js:11:60:
      11 │ import { Typography } from '@strapi/design-system/Typography';
         │                                                             ^
         ╵                                                             /index.js

  You can mark the path "@strapi/design-system/Typography" as external to exclude it from the
  bundle, which will remove this error and leave the unresolved path in the bundle.

✘ [ERROR] Could not resolve "@strapi/design-system/Flex"

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/SeoChecks/MetaSocialCheck/index.js:10:21:
      10 │ import { Flex } from '@strapi/design-system/Flex';
         ╵                      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~

  Importing the directory "./dist/Flex" is forbidden by this package:

    node_modules/@strapi/design-system/package.json:23:11:
      23 │     "./*": "./dist/*"
         ╵            ~~~~~~~~~~

  The presence of "exports" here makes importing a directory forbidden:

    node_modules/@strapi/design-system/package.json:9:2:
      9 │   "exports": {
        ╵   ~~~~~~~~~

  Import from "@strapi/design-system/Flex/index.js" to get the file
  "node_modules/@strapi/design-system/dist/Flex/index.js":

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/SeoChecks/MetaSocialCheck/index.js:10:48:
      10 │ import { Flex } from '@strapi/design-system/Flex';
         │                                                 ^
         ╵                                                 /index.js

  You can mark the path "@strapi/design-system/Flex" as external to exclude it from the bundle,
  which will remove this error and leave the unresolved path in the bundle.

✘ [ERROR] Could not resolve "@strapi/design-system/Icon"

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/Summary/BrowserPreview/KeywordCheck/index.js:5:21:
      5 │ import { Icon } from '@strapi/design-system/Icon';
        ╵                      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~

  Importing the directory "./dist/Icon" is forbidden by this package:

    node_modules/@strapi/design-system/package.json:23:11:
      23 │     "./*": "./dist/*"
         ╵            ~~~~~~~~~~

  The presence of "exports" here makes importing a directory forbidden:

    node_modules/@strapi/design-system/package.json:9:2:
      9 │   "exports": {
        ╵   ~~~~~~~~~

  Import from "@strapi/design-system/Icon/index.js" to get the file
  "node_modules/@strapi/design-system/dist/Icon/index.js":

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/Summary/BrowserPreview/KeywordCheck/index.js:5:48:
      5 │ import { Icon } from '@strapi/design-system/Icon';
        │                                                 ^
        ╵                                                 /index.js

  You can mark the path "@strapi/design-system/Icon" as external to exclude it from the bundle,
  which will remove this error and leave the unresolved path in the bundle.

✘ [ERROR] Could not resolve "@strapi/design-system/Flex"

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/Summary/SocialPreview/TabContent/index.js:4:21:
      4 │ import { Flex } from '@strapi/design-system/Flex';
        ╵                      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~

  Importing the directory "./dist/Flex" is forbidden by this package:

    node_modules/@strapi/design-system/package.json:23:11:
      23 │     "./*": "./dist/*"
         ╵            ~~~~~~~~~~

  The presence of "exports" here makes importing a directory forbidden:

    node_modules/@strapi/design-system/package.json:9:2:
      9 │   "exports": {
        ╵   ~~~~~~~~~

  Import from "@strapi/design-system/Flex/index.js" to get the file
  "node_modules/@strapi/design-system/dist/Flex/index.js":

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/Summary/SocialPreview/TabContent/index.js:4:48:
      4 │ import { Flex } from '@strapi/design-system/Flex';
        │                                                 ^
        ╵                                                 /index.js

  You can mark the path "@strapi/design-system/Flex" as external to exclude it from the bundle,
  which will remove this error and leave the unresolved path in the bundle.

✘ [ERROR] Could not resolve "@strapi/design-system/Typography"

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/SeoChecks/AlternativeTextCheck/index.js:8:27:
      8 │ import { Typography } from '@strapi/design-system/Typography';
        ╵                            ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

  Importing the directory "./dist/Typography" is forbidden by this package:

    node_modules/@strapi/design-system/package.json:23:11:
      23 │     "./*": "./dist/*"
         ╵            ~~~~~~~~~~

  The presence of "exports" here makes importing a directory forbidden:

    node_modules/@strapi/design-system/package.json:9:2:
      9 │   "exports": {
        ╵   ~~~~~~~~~

  Import from "@strapi/design-system/Typography/index.js" to get the file
  "node_modules/@strapi/design-system/dist/Typography/index.js":

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/SeoChecks/AlternativeTextCheck/index.js:8:60:
      8 │ import { Typography } from '@strapi/design-system/Typography';
        │                                                             ^
        ╵                                                             /index.js

  You can mark the path "@strapi/design-system/Typography" as external to exclude it from the
  bundle, which will remove this error and leave the unresolved path in the bundle.

✘ [ERROR] Could not resolve "@strapi/design-system/Icon"

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/SeoChecks/MetaRobotCheck/index.js:10:21:
      10 │ import { Icon } from '@strapi/design-system/Icon';
         ╵                      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~

  Importing the directory "./dist/Icon" is forbidden by this package:

    node_modules/@strapi/design-system/package.json:23:11:
      23 │     "./*": "./dist/*"
         ╵            ~~~~~~~~~~

  The presence of "exports" here makes importing a directory forbidden:

    node_modules/@strapi/design-system/package.json:9:2:
      9 │   "exports": {
        ╵   ~~~~~~~~~

  Import from "@strapi/design-system/Icon/index.js" to get the file
  "node_modules/@strapi/design-system/dist/Icon/index.js":

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/SeoChecks/MetaRobotCheck/index.js:10:48:
      10 │ import { Icon } from '@strapi/design-system/Icon';
         │                                                 ^
         ╵                                                 /index.js

  You can mark the path "@strapi/design-system/Icon" as external to exclude it from the bundle,
  which will remove this error and leave the unresolved path in the bundle.

✘ [ERROR] Could not resolve "@strapi/design-system/Typography"

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/Summary/BrowserPreview/MetaChecks/index.js:7:27:
      7 │ import { Typography } from '@strapi/design-system/Typography';
        ╵                            ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

  Importing the directory "./dist/Typography" is forbidden by this package:

    node_modules/@strapi/design-system/package.json:23:11:
      23 │     "./*": "./dist/*"
         ╵            ~~~~~~~~~~

  The presence of "exports" here makes importing a directory forbidden:

    node_modules/@strapi/design-system/package.json:9:2:
      9 │   "exports": {
        ╵   ~~~~~~~~~

  Import from "@strapi/design-system/Typography/index.js" to get the file
  "node_modules/@strapi/design-system/dist/Typography/index.js":

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/Summary/BrowserPreview/MetaChecks/index.js:7:60:
      7 │ import { Typography } from '@strapi/design-system/Typography';
        │                                                             ^
        ╵                                                             /index.js

  You can mark the path "@strapi/design-system/Typography" as external to exclude it from the
  bundle, which will remove this error and leave the unresolved path in the bundle.

✘ [ERROR] Could not resolve "@strapi/design-system/Typography"

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/SeoChecks/MetaTitleCheck/index.js:11:27:
      11 │ import { Typography } from '@strapi/design-system/Typography';
         ╵                            ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

  Importing the directory "./dist/Typography" is forbidden by this package:

    node_modules/@strapi/design-system/package.json:23:11:
      23 │     "./*": "./dist/*"
         ╵            ~~~~~~~~~~

  The presence of "exports" here makes importing a directory forbidden:

    node_modules/@strapi/design-system/package.json:9:2:
      9 │   "exports": {
        ╵   ~~~~~~~~~

  Import from "@strapi/design-system/Typography/index.js" to get the file
  "node_modules/@strapi/design-system/dist/Typography/index.js":

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/SeoChecks/MetaTitleCheck/index.js:11:60:
      11 │ import { Typography } from '@strapi/design-system/Typography';
         │                                                             ^
         ╵                                                             /index.js

  You can mark the path "@strapi/design-system/Typography" as external to exclude it from the
  bundle, which will remove this error and leave the unresolved path in the bundle.

✘ [ERROR] Could not resolve "@strapi/design-system/Stack"

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/Summary/SocialPreview/TabContent/index.js:5:22:
      5 │ import { Stack } from '@strapi/design-system/Stack';
        ╵                       ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

  Importing the directory "./dist/Stack" is forbidden by this package:

    node_modules/@strapi/design-system/package.json:23:11:
      23 │     "./*": "./dist/*"
         ╵            ~~~~~~~~~~

  The presence of "exports" here makes importing a directory forbidden:

    node_modules/@strapi/design-system/package.json:9:2:
      9 │   "exports": {
        ╵   ~~~~~~~~~

  Import from "@strapi/design-system/Stack/index.js" to get the file
  "node_modules/@strapi/design-system/dist/Stack/index.js":

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/Summary/SocialPreview/TabContent/index.js:5:50:
      5 │ import { Stack } from '@strapi/design-system/Stack';
        │                                                   ^
        ╵                                                   /index.js

  You can mark the path "@strapi/design-system/Stack" as external to exclude it from the bundle,
  which will remove this error and leave the unresolved path in the bundle.

✘ [ERROR] Could not resolve "@strapi/design-system/Accordion"

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/SeoChecks/SEOAccordion/index.js:8:7:
      8 │ } from '@strapi/design-system/Accordion';
        ╵        ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

  Importing the directory "./dist/Accordion" is forbidden by this package:

    node_modules/@strapi/design-system/package.json:23:11:
      23 │     "./*": "./dist/*"
         ╵            ~~~~~~~~~~

  The presence of "exports" here makes importing a directory forbidden:

    node_modules/@strapi/design-system/package.json:9:2:
      9 │   "exports": {
        ╵   ~~~~~~~~~

  Import from "@strapi/design-system/Accordion/index.js" to get the file
  "node_modules/@strapi/design-system/dist/Accordion/index.js":

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/SeoChecks/SEOAccordion/index.js:8:39:
      8 │ } from '@strapi/design-system/Accordion';
        │                                        ^
        ╵                                        /index.js

  You can mark the path "@strapi/design-system/Accordion" as external to exclude it from the bundle,
  which will remove this error and leave the unresolved path in the bundle.

✘ [ERROR] Could not resolve "@strapi/design-system/Stack"

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/Summary/BrowserPreview/KeywordCheck/index.js:7:22:
      7 │ import { Stack } from '@strapi/design-system/Stack';
        ╵                       ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

  Importing the directory "./dist/Stack" is forbidden by this package:

    node_modules/@strapi/design-system/package.json:23:11:
      23 │     "./*": "./dist/*"
         ╵            ~~~~~~~~~~

  The presence of "exports" here makes importing a directory forbidden:

    node_modules/@strapi/design-system/package.json:9:2:
      9 │   "exports": {
        ╵   ~~~~~~~~~

  Import from "@strapi/design-system/Stack/index.js" to get the file
  "node_modules/@strapi/design-system/dist/Stack/index.js":

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/Summary/BrowserPreview/KeywordCheck/index.js:7:50:
      7 │ import { Stack } from '@strapi/design-system/Stack';
        │                                                   ^
        ╵                                                   /index.js

  You can mark the path "@strapi/design-system/Stack" as external to exclude it from the bundle,
  which will remove this error and leave the unresolved path in the bundle.

✘ [ERROR] Could not resolve "@strapi/design-system/Box"

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/SeoChecks/SEOAccordion/index.js:10:20:
      10 │ import { Box } from '@strapi/design-system/Box';
         ╵                     ~~~~~~~~~~~~~~~~~~~~~~~~~~~

  Importing the directory "./dist/Box" is forbidden by this package:

    node_modules/@strapi/design-system/package.json:23:11:
      23 │     "./*": "./dist/*"
         ╵            ~~~~~~~~~~

  The presence of "exports" here makes importing a directory forbidden:

    node_modules/@strapi/design-system/package.json:9:2:
      9 │   "exports": {
        ╵   ~~~~~~~~~

  Import from "@strapi/design-system/Box/index.js" to get the file
  "node_modules/@strapi/design-system/dist/Box/index.js":

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/SeoChecks/SEOAccordion/index.js:10:46:
      10 │ import { Box } from '@strapi/design-system/Box';
         │                                               ^
         ╵                                               /index.js

  You can mark the path "@strapi/design-system/Box" as external to exclude it from the bundle, which
  will remove this error and leave the unresolved path in the bundle.

✘ [ERROR] Could not resolve "@strapi/design-system/Stack"

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/SeoChecks/MetaRobotCheck/index.js:11:22:
      11 │ import { Stack } from '@strapi/design-system/Stack';
         ╵                       ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

  Importing the directory "./dist/Stack" is forbidden by this package:

    node_modules/@strapi/design-system/package.json:23:11:
      23 │     "./*": "./dist/*"
         ╵            ~~~~~~~~~~

  The presence of "exports" here makes importing a directory forbidden:

    node_modules/@strapi/design-system/package.json:9:2:
      9 │   "exports": {
        ╵   ~~~~~~~~~

  Import from "@strapi/design-system/Stack/index.js" to get the file
  "node_modules/@strapi/design-system/dist/Stack/index.js":

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/SeoChecks/MetaRobotCheck/index.js:11:50:
      11 │ import { Stack } from '@strapi/design-system/Stack';
         │                                                   ^
         ╵                                                   /index.js

  You can mark the path "@strapi/design-system/Stack" as external to exclude it from the bundle,
  which will remove this error and leave the unresolved path in the bundle.

✘ [ERROR] Could not resolve "@strapi/design-system/Tabs"

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/Summary/SocialPreview/TabContent/index.js:6:25:
      6 │ import { TabPanel } from '@strapi/design-system/Tabs';
        ╵                          ~~~~~~~~~~~~~~~~~~~~~~~~~~~~

  Importing the directory "./dist/Tabs" is forbidden by this package:

    node_modules/@strapi/design-system/package.json:23:11:
      23 │     "./*": "./dist/*"
         ╵            ~~~~~~~~~~

  The presence of "exports" here makes importing a directory forbidden:

    node_modules/@strapi/design-system/package.json:9:2:
      9 │   "exports": {
        ╵   ~~~~~~~~~

  Import from "@strapi/design-system/Tabs/index.js" to get the file
  "node_modules/@strapi/design-system/dist/Tabs/index.js":

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/Summary/SocialPreview/TabContent/index.js:6:52:
      6 │ import { TabPanel } from '@strapi/design-system/Tabs';
        │                                                     ^
        ╵                                                     /index.js

  You can mark the path "@strapi/design-system/Tabs" as external to exclude it from the bundle,
  which will remove this error and leave the unresolved path in the bundle.

✘ [ERROR] Could not resolve "@strapi/design-system/Typography"

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/Summary/BrowserPreview/KeywordCheck/index.js:8:27:
      8 │ import { Typography } from '@strapi/design-system/Typography';
        ╵                            ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

  Importing the directory "./dist/Typography" is forbidden by this package:

    node_modules/@strapi/design-system/package.json:23:11:
      23 │     "./*": "./dist/*"
         ╵            ~~~~~~~~~~

  The presence of "exports" here makes importing a directory forbidden:

    node_modules/@strapi/design-system/package.json:9:2:
      9 │   "exports": {
        ╵   ~~~~~~~~~

  Import from "@strapi/design-system/Typography/index.js" to get the file
  "node_modules/@strapi/design-system/dist/Typography/index.js":

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/Summary/BrowserPreview/KeywordCheck/index.js:8:60:
      8 │ import { Typography } from '@strapi/design-system/Typography';
        │                                                             ^
        ╵                                                             /index.js

  You can mark the path "@strapi/design-system/Typography" as external to exclude it from the
  bundle, which will remove this error and leave the unresolved path in the bundle.

✘ [ERROR] Could not resolve "@strapi/design-system/Icon"

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/SeoChecks/SEOAccordion/index.js:11:21:
      11 │ import { Icon } from '@strapi/design-system/Icon';
         ╵                      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~

  Importing the directory "./dist/Icon" is forbidden by this package:

    node_modules/@strapi/design-system/package.json:23:11:
      23 │     "./*": "./dist/*"
         ╵            ~~~~~~~~~~

  The presence of "exports" here makes importing a directory forbidden:

    node_modules/@strapi/design-system/package.json:9:2:
      9 │   "exports": {
        ╵   ~~~~~~~~~

  Import from "@strapi/design-system/Icon/index.js" to get the file
  "node_modules/@strapi/design-system/dist/Icon/index.js":

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/SeoChecks/SEOAccordion/index.js:11:48:
      11 │ import { Icon } from '@strapi/design-system/Icon';
         │                                                 ^
         ╵                                                 /index.js

  You can mark the path "@strapi/design-system/Icon" as external to exclude it from the bundle,
  which will remove this error and leave the unresolved path in the bundle.

✘ [ERROR] Could not resolve "@strapi/design-system/Typography"

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/SeoChecks/MetaRobotCheck/index.js:12:27:
      12 │ import { Typography } from '@strapi/design-system/Typography';
         ╵                            ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

  Importing the directory "./dist/Typography" is forbidden by this package:

    node_modules/@strapi/design-system/package.json:23:11:
      23 │     "./*": "./dist/*"
         ╵            ~~~~~~~~~~

  The presence of "exports" here makes importing a directory forbidden:

    node_modules/@strapi/design-system/package.json:9:2:
      9 │   "exports": {
        ╵   ~~~~~~~~~

  Import from "@strapi/design-system/Typography/index.js" to get the file
  "node_modules/@strapi/design-system/dist/Typography/index.js":

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/SeoChecks/MetaRobotCheck/index.js:12:60:
      12 │ import { Typography } from '@strapi/design-system/Typography';
         │                                                             ^
         ╵                                                             /index.js

  You can mark the path "@strapi/design-system/Typography" as external to exclude it from the
  bundle, which will remove this error and leave the unresolved path in the bundle.

✘ [ERROR] Could not resolve "@strapi/design-system/Divider"

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/Summary/SocialPreview/TabContent/index.js:7:24:
      7 │ import { Divider } from '@strapi/design-system/Divider';
        ╵                         ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

  Importing the directory "./dist/Divider" is forbidden by this package:

    node_modules/@strapi/design-system/package.json:23:11:
      23 │     "./*": "./dist/*"
         ╵            ~~~~~~~~~~

  The presence of "exports" here makes importing a directory forbidden:

    node_modules/@strapi/design-system/package.json:9:2:
      9 │   "exports": {
        ╵   ~~~~~~~~~

  Import from "@strapi/design-system/Divider/index.js" to get the file
  "node_modules/@strapi/design-system/dist/Divider/index.js":

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/Summary/SocialPreview/TabContent/index.js:7:54:
      7 │ import { Divider } from '@strapi/design-system/Divider';
        │                                                       ^
        ╵                                                       /index.js

  You can mark the path "@strapi/design-system/Divider" as external to exclude it from the bundle,
  which will remove this error and leave the unresolved path in the bundle.

✘ [ERROR] Could not resolve "@strapi/design-system/Typography"

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/SeoChecks/SEOAccordion/index.js:12:27:
      12 │ import { Typography } from '@strapi/design-system/Typography';
         ╵                            ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

  Importing the directory "./dist/Typography" is forbidden by this package:

    node_modules/@strapi/design-system/package.json:23:11:
      23 │     "./*": "./dist/*"
         ╵            ~~~~~~~~~~

  The presence of "exports" here makes importing a directory forbidden:

    node_modules/@strapi/design-system/package.json:9:2:
      9 │   "exports": {
        ╵   ~~~~~~~~~

  Import from "@strapi/design-system/Typography/index.js" to get the file
  "node_modules/@strapi/design-system/dist/Typography/index.js":

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/SeoChecks/SEOAccordion/index.js:12:60:
      12 │ import { Typography } from '@strapi/design-system/Typography';
         │                                                             ^
         ╵                                                             /index.js

  You can mark the path "@strapi/design-system/Typography" as external to exclude it from the
  bundle, which will remove this error and leave the unresolved path in the bundle.

✘ [ERROR] The JSX syntax extension is not currently enabled

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/Summary/SocialPreview/FacebookPreview/index.js:10:4:
      10 │     <div className="box-right snipcss-9tU8S snip-div">
         ╵     ^

  The esbuild loader for this file is currently set to "js" but it must be set to "jsx" to be able
  to parse JSX syntax. You can use "loader: { '.js': 'jsx' }" to do that.

✘ [ERROR] The JSX syntax extension is not currently enabled

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/Summary/SocialPreview/TwitterPreview/index.js:10:4:
      10 │     <div className="box-right snipcss-lxedG snip-div">
         ╵     ^

  The esbuild loader for this file is currently set to "js" but it must be set to "jsx" to be able
  to parse JSX syntax. You can use "loader: { '.js': 'jsx' }" to do that.

✘ [ERROR] Could not resolve "@strapi/design-system/IconButton"

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/SeoChecks/SEOAccordion/index.js:13:27:
      13 │ import { IconButton } from '@strapi/design-system/IconButton';
         ╵                            ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

  Importing the directory "./dist/IconButton" is forbidden by this package:

    node_modules/@strapi/design-system/package.json:23:11:
      23 │     "./*": "./dist/*"
         ╵            ~~~~~~~~~~

  The presence of "exports" here makes importing a directory forbidden:

    node_modules/@strapi/design-system/package.json:9:2:
      9 │   "exports": {
        ╵   ~~~~~~~~~

  Import from "@strapi/design-system/IconButton/index.js" to get the file
  "node_modules/@strapi/design-system/dist/IconButton/index.js":

    node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/SeoChecks/SEOAccordion/index.js:13:60:
      13 │ import { IconButton } from '@strapi/design-system/IconButton';
         │                                                             ^
         ╵                                                             /index.js

  You can mark the path "@strapi/design-system/IconButton" as external to exclude it from the
  bundle, which will remove this error and leave the unresolved path in the bundle.

21:31:56 [vite] error while updating dependencies:
Error: Build failed with 126 errors:
node_modules/@strapi/plugin-seo/admin/src/api/settings/index.js:1:24: ERROR: Could not resolve "@strapi/helper-plugin"
node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/SeoChecks/AlternativeTextCheck/index.js:5:20: ERROR: Could not resolve "@strapi/design-system/Box"
node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/SeoChecks/AlternativeTextCheck/index.js:6:21: ERROR: Could not resolve "@strapi/design-system/Icon"
node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/SeoChecks/AlternativeTextCheck/index.js:7:22: ERROR: Could not resolve "@strapi/design-system/Stack"
node_modules/@strapi/plugin-seo/admin/src/components/CMEditView/RightLinksCompo/SeoChecks/AlternativeTextCheck/index.js:8:27: ERROR: Could not resolve "@strapi/design-system/Typography"
...
    at failureErrorWithLog (/home/luisalaguna/Projects/experiments/portfolio/node_modules/vite/node_modules/esbuild/lib/main.js:1651:15)
    at /home/luisalaguna/Projects/experiments/portfolio/node_modules/vite/node_modules/esbuild/lib/main.js:1059:25
    at /home/luisalaguna/Projects/experiments/portfolio/node_modules/vite/node_modules/esbuild/lib/main.js:1527:9
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5)

How can we fix this?

burakozdemir32 commented 1 month ago

Same here. Not compatible. Could be a blocker for many people while upgrading.