Cannot find module ‘@strapi/design-system/Layout’ or its corresponding type declarations

Questions and Answers
1
System Information
  • Strapi Version: 4.5.6
  • Operating System: Ubuntu 22.04.1 LTS
  • Database: N/A
  • Node Version: 18.13.0
  • NPM Version: 8.19.3
  • Yarn Version: 1.22.19

Simple Strapi app, almost no code added (except for authentication with a third party sso).
Created a blank plugin (upload-planning).
Import statement:

import { HeaderLayout } from '@strapi/design-system/Layout';

Did yarn build in the plugin directory successfully (needed to add the correct dependencies).

Error message when running yarn build in the root folder of the project

Cannot find module ‘@strapi/design-system/Layout’ or its corresponding type declarations.

I tried :

  • yarn cache clean (in both root and plugin)
  • rm -rf node_modules (in both root and plugin)
  • yarn install (in plugin then in root)
  • yarn build (in plugin then in root)

The last step (yarn build in root) always fails.

I also tried import from ‘@strapi/design-system/dist/Layout’ but that doesn’t resolve errors and I get even worse non-resolvability errors.

Any idea what I can do next?

Thank you for your time

2

Steps to reproduce on my system :

  • Install yarn globally
  • Create a new app yarn create strapi-app strapi --quickstart --typescript
  • Create a superuser
  • Close the server
  • yarn strapi generate create a simple typescript plugin
  • In the plugin directory: yarn install then yarn add @strapi/design-system@1.6.1 then yarn build
  • In the root directory: yarn build will fail