strapi-plugin-seo
strapi-plugin-seo copied to clipboard
[BUG] Not compatible with Strapi 5
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?