Блог

Я создал свое собственное руководство по стилю, используя react-styleguidist и typescript. Теперь после сборки пакета узла (private) и импорта (установки npm) его в мой другой проект (где я хочу использовать свои компоненты руководства по стилю) Я не могу заставить предложения intellij работать.

Моя структура папок (некоторые файлы опущены):

 My-library/
   package.json
   README.md
   lib/
      components/
         Alert/
            Alert.d.ts
            Alert.d.ts
            index.d.ts
            index.js
         Other_Components/
       css/
       fonts/
       icons/
       index.d.ts
       index.js
       styled-components.d.ts
       styled-components.js
 

Я уже проверил, была ли моя папка node_modules моего проекта помечена как корень библиотеки (что и есть), и я также проверил, отображается ли мой пакет как не исключенный.

Моя собственная библиотека руководств по стилю работает нормально, я могу использовать свои компоненты, и проверка типов также работает.

Я искал в Интернете хорошее руководство по сборке / упаковке вашего проекта, чтобы эти функции IDE (предложения / автозаполнение) работали правильно.

Когда я использовал дизайн ant (https://ant.design /) библиотека в intellij и типизированный <Bu intellij предложили бы мне <Button> то же самое при использовании Material-ui и дополнительного пакета @types /material-ui npm

Это то, чего я хотел бы достичь и с помощью моего собственного пакета npm.

Я понятия не имею, проблема ли в моих файлах импорта / экспорта (по умолчанию) / индекса или в одном из моих конфигурационных файлов (package.json, .babelrc или tsconfig.json, webpack.config.js )

В визуальном коде это работает, поэтому в Intellij это должно быть ошибкой.

Это связано с экспортом моего компонента со стилизованными компонентами, подобными этому, в моем файле Button.tsx:

 export default styled(Button)`
 

Это отчет об ошибке, который я нашел на Jetbrains youtrack:
https://youtrack.jetbrains.com/issue/WEB-33709