Components from @strapi/design-system not detected by vscode

Questions and Answers Strapi Design System
#1
System Information
  • Strapi Version: 4.4.1
  • Operating System: macOS
  • Database: Postgres
  • Node Version: v16.17.1
  • NPM Version: v8.15.0
  • Yarn Version: 1.22.19

On vscode when importing for example these components:

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

it’s not found and vscode is yelling about it saying

Module '"@strapi/design-system/Layout"' has no exported member 'HeaderLayout'

And it’s happening for each component from this module.

Anyone having the same issue ?

#2

I’m sure this is a very dissatisfying answer but this happened to me yesterday (didn’t stop my code from compiling though). I restarted VS Code this morning and these errors went away. :man_shrugging:

#3

I’ll try to that so :slight_smile:
Yes it’s not blocking the code still run But there is no way to check the source code though, which is quite annoying in the developing phase.

#4

This is another big missing in Strapi: there is no API or documentation for the Design System and Helper packages.