Angular 8 с сборником рассказов 6

#angular #angular8 #storybook #angular-storybook

#angular #angular8 #сборник рассказов #angular-сборник рассказов

Вопрос:

Получаю приведенную ниже ошибку при установке и запуске сборника рассказов.

 ERROR in /Users/username/angular-storybook/src/stories/Button.stories.ts
ERROR in /Users/username/angular-storybook/src/stories/Button.stories.ts(2,29):
TS2307: Cannot find module '@storybook/angular/types-6-0'.
  

новая версия

 Angular CLI: 8.3.29
Node: 12.16.2
OS: darwin x64
Angular: 8.2.14
  

Зависимость от разработчика

     "@compodoc/compodoc": "^1.1.11",
    "@storybook/addon-actions": "^6.0.12",
    "@storybook/addon-essentials": "^6.0.12",
    "@storybook/addon-links": "^6.0.12",
    "@storybook/angular": "^6.0.12"
  

Ответ №1:

В качестве обходного пути я обновил импорт из кнопки, заголовка, страницы {.stories}:

 From --->
import { Story, Meta } from '@storybook/angular/types-6-0';

To  ---->
import { Story, Meta } from '@storybook/angular';
  

Это работает нормально. Но не уверен, почему проблема в шаблонном коде. 🙁
Это отлично работает с версией 6.0.12.

Обновления: в более новой версии сборника рассказов (> 6.2.*) явное объявление в typings.d.ts внутри каталога .storybook. (упоминается @Mr.7)

 declare module '@storybook/angular'
  

Комментарии:

1. Спасибо за это, избавило меня от головной боли, и я ценю это 🙂

Ответ №2:

В моем случае я попробовал обходной путь Субхаканта, но у меня это не сработало. После некоторых исследований я нашел это.

Явное объявление в typings.d.ts внутри каталога.storybook заставило его работать

declare module '@storybook/angular'

Ответ №3:

Для меня ничего из этого не сработало. Я использовал npx sb init для добавления сборника рассказов в существующий проект Angular 6. К сожалению, он неправильно настроил storybook, и я получил ту же ошибку, что и OP, но ни одно из решений здесь не сработало для меня. Наконец я понял, что моя версия typescript устарела (3.8.4), но настройка была для TS 3.9. Я обновил typescript до 3.10.4, теперь все работает.