Storybook: История не устанавливается при запуске сервера сборников рассказов

Похоже, что в v5 это нужно исправить.

Мы выпустили новую @storybook/react-native с множеством основных улучшений. Он доступен в последней версии 5.1-alpha на next и был проверен несколькими пользователями RN в их существующих приложениях. Это должно исправить множество проблем с совместимостью, особенно если вы используете функцию веб-сервера. Пожалуйста, попробуйте и прокомментируйте здесь, если это решит вашу проблему. Инструкции по миграции доступны здесь: https://github.com/storybooks/storybook/blob/next/MIGRATION.md#react -native-server

@Gongreg @rkhayat

Привет, @shilman , @benoitdion. Я использую версию 5.1.3 из @storybook/react-native-server и первая история загружается нормально, но после выбора любой другой истории она говорит Please open navigator and select a story to preview если я обновляю браузер, тогда история, которую я выбрал ранее, работает нормально

Вот весь код проблемы
https://github.com/alexakasanjeev/ecommerce-component-library/tree/bug/second-story-not-loading

Есть ли какие-либо обновления о том, когда над этой ошибкой будут работать или что вызвало эту ошибку?

Попробуй и с этой проблемой.

Похоже, что с сборником рассказов v5 возникла дополнительная проблема. Сервер React Native теперь использует общее решение с другими фреймворками, поэтому его немного сложнее проверить.

У меня такая же проблема, есть какие-нибудь обновления об этой проблеме?

Завтра у меня будет время разобраться в этом.

Я тоже сталкиваюсь с этим, рад помочь с тестированием версий для разработки или еще чем-нибудь полезным.

Общее примечание: должен ли я при запуске веб-сервера сборника рассказов выбирать истории и взаимодействовать с ними (например, устанавливать тексты в пользовательском интерфейсе с помощью @storybook/addon-knobs ) _в веб-браузере_? Я вижу свои истории на левой панели веб-страницы, но вся «основная» панель - это страница _Welcome to storybook_. У меня создалось впечатление, что я должен увидеть дополнительный интерфейс.

Я неправильно понимаю, как это должно работать?

@ z00m1n , если вы используете @ storybook / addon-

Здравствуйте.

Я пробовал играть с вещами вокруг. Мне удалось заставить работать выбор сюжета. Но что стало ясно, так это то, что мы должны обновить собственный код реакции, чтобы правильно поддерживать response-native-server. Я надеюсь сделать это на следующей неделе.

Основные проблемы заключаются в следующем:

1. Он не подключается к реагирующему собственному серверу должным образом.
2. API Story store изменился, и мы используем старый.

Это потому, что кто-то из нового кода начал использовать хуки?

Изменился способ генерации событий, у нас есть несколько бесполезных событий, которые генерируются с собственной стороны react, и теперь storyStore использует storyId вместо kind + story. Также, если вы каким-то образом вызываете getStorybookUI несколько раз, соединение с сервером прерывается.

Эй, я создал пиар, который должен решить проблему. Поскольку у нас нет автоматических тестов для RN, потребуется ручное тестирование.

Спасибо за это @Gongreg! 👍
Мне действительно нужна эта функция прямо сейчас для работы над моим текущим проектом - хорошие возможности, чтобы попытаться настроить материал, чтобы я мог проверить ваш PR в неизданной версии. В общем, не очень разбираюсь в этом вопросе, поэтому не ожидайте многого 🥴
Если у вас есть какие-либо указания, которые, по вашему мнению, могут быть полезны для меня, дайте мне знать.

Извините, я не могу настроить все для проверки PR. Я застрял здесь: https://github.com/storybookjs/storybook/blob/next/CONTRIBUTING.md#2 -ссылка

1. Я не знаю, какой из них является корневым каталогом _storybook_
2. Я не знаю, какой каталог _storybook-sandbox-app_
3. yarn link @storybook/react или yarn link @storybook/react-native сбой с
   error No registered package found called "@storybook/react". или error No registered package found called "@storybook/react-native".

@ z00m1n , я думаю, лучший способ для вас проверить это - вставить новый код в ваш проект node_modules и поиграть с ним. Я знаю, что это звучит очень глупо, но сложно что-то протестировать, когда внутри монорепозитория есть сборник рассказов, поддерживающий реакцию.

Если вы хотите запустить пример проекта в монорепозитории сборника рассказов, я не могу сейчас помочь, так как не помню, как его запустить: /

Я тестировал изменения, насколько мог. Как с onDeviceUI, так и без него, с подключенным сервером и без него. Поигрался с ручками. Все вроде работает. Если вы не можете заставить его работать, не беспокойтесь об этом слишком сильно.

В будущем у нас будут (надеюсь, и я постараюсь их добавить) тесты e2e, которые позволят нам быть более уверенными в изменениях.

такая же проблема с

storybook версия связанных пакетов 5.1.9

@sophister , уже есть пиар, который решает вопрос.

@Gongreg, какой пр решает эту проблему?

Несколько сообщений выше: https://github.com/storybookjs/storybook/pull/7187

Бу-да !! Я только что выпустил https://github.com/storybookjs/storybook/releases/tag/v5.2.0-alpha.32, содержащий PR № 7187, который ссылается на эту проблему. Обновите сегодня, чтобы попробовать!

Вы можете найти этот предварительный выпуск в теге @next NPM.

Закрытие этого вопроса. Пожалуйста, откройте снова, если вы считаете, что еще многое предстоит сделать.

@shilman Я

@shilman Еще раз проверю в понедельник. Я проверил, но поскольку все было в node_modules, есть вероятность, что чего-то все еще не хватает :(

@erhanbicer , спасибо, что @shilman , похоже, API магазина историй изменился с режимом документации: o. Проведение PR, чтобы исправить это.

В исправлении я использовал storyStore.setSelection(story) но на самом деле это storyStore.setSelection({storyId});

@Gongreg Я внес изменения вручную. это не сработало для меня. Сожалею!

@erhanbicer, вы применили все изменения в новом PR # 7234 на 5.2.0-alpha.32? Я тестировал их с / без сервера, и они работали у меня.

@Gongreg да, я реализовал их в 5.2.0-alpha.32.

"@storybook/react-native": "next",
"@storybook/react-native-server": "next",

На всякий случай, можете ли вы очистить асинхронное хранилище?

На всякий случай, можете ли вы очистить асинхронное хранилище?

@Gongreg
Я все прибрал. но это снова не сработало

Вы видите список историй внутри навигатора (в самом приложении)? @erhanbicer

@Gongreg Да, список историй отображается как в приложении, так и на веб-сайте.

Хорошо, еще один вопрос.

Если вы отключите сервер, подойдет ли вам сборник рассказов? Потому что, если вы используете 5.2.0-alpha.32 без # 7234, сборник рассказов вам не подойдет.

Я хочу убедиться, что мы получаем одинаковые результаты.

@Gongreg Так же не работает при отключенном сервере.

Отлично. Теперь у нас есть точки соприкосновения. Так вы применили изменения в # 7234 к каталогам dist?

Эгадс !! Я только что выпустил https://github.com/storybookjs/storybook/releases/tag/v5.2.0-alpha.33, содержащий PR № 7234, который ссылается на эту проблему. Обновите сегодня, чтобы попробовать!

Вы можете найти этот предварительный выпуск в теге @next NPM.

Закрытие этого вопроса. Пожалуйста, откройте снова, если вы считаете, что еще многое предстоит сделать.

@erhanbicer , тестировал 5.2.0-alpha.33, у меня работает.

@Gongreg Я

https://i.imgur.com/1ynQK3I.png

рН версия: 0.59.9

@erhanbicer не хочет звучать как сломанная запись, но очистите асинхронное хранилище и сбросьте кеш.

@erhanbicer не хочет звучать как сломанная запись, но очистите асинхронное хранилище и сбросьте кеш.

@Gongreg
Я подозревал свой собственный проект. Я открыл новый чистый проект и произвел установку. Результат тот же. Если хотите, можете попробовать вытащить его здесь.

https://github.com/erhanbicer/alpha-storybook-test

Благодарю. Я займусь этим завтра. Мне очень жаль, что на это уходит так много времени. Я просто не получаю никаких ошибок локально.

Удачи :)

Спасибо за ваши усилия @Gongreg ! Я только что получил предупреждение о новой установке ... Приятно видеть, что это почти закончилось!

Эй, я действительно не люблю оставлять сломанные вещи, поэтому я вложил в них больше.

Я понял, почему у меня не возникает проблема. Мы используем github.com/wix/react-native-navigation в нашем приложении, и оно инициализирует компоненты раньше, чем в приложении по умолчанию. Делаем пиар с фиксом сейчас.

Создал пр. Я очень надеюсь на последнюю.

Извините, не работает. та же ошибка сохраняется

@erhanbicer , я думаю, что последний пиар еще не опубликован. Проверка

@erhanbicer , ETA 10 часов до релиза.

Дрожь мне, бревна !! Я только что выпустил https://github.com/storybookjs/storybook/releases/tag/v5.2.0-alpha.35, содержащий PR № 7243, который ссылается на эту проблему. Обновите сегодня, чтобы попробовать!

Вы можете найти этот предварительный выпуск в теге @next NPM.

Закрытие этого вопроса. Пожалуйста, откройте снова, если вы считаете, что еще многое предстоит сделать.

Скажите, пожалуйста, что сейчас работает

@Gongreg Да, это сработало. Спасибо вам за вашу работу. :)

Кажется, здесь не работает, та же проблема, что и раньше. Может я что-то не так делаю со своими настройками?

1. удалить версии пакета 5.1.9 npm

$ npm uninstall @storybook/react-native @storybook/react-native-server

1. установить @next версий

$ npm install @storybook/react-native<strong i="13">@next</strong> @storybook/react-native-server<strong i="14">@next</strong>

1. проверить установленные версии пакетов

$ npm list --depth=0 2>&1 | grep <strong i="19">@storybook</strong>
├── @storybook/[email protected]
├── @storybook/[email protected]
├── @storybook/[email protected]
├── @storybook/[email protected]
├── @storybook/[email protected]
├── @storybook/[email protected]
├── @storybook/[email protected]

1. код в .../storybook/index.js :

const StorybookUIRoot = getStorybookUI({ port: 6006, host: 'localhost' });

1. в первом окне терминала запустите сервер сборника рассказов:

$ npm run storybook
  ...
> start-storybook -p 6006

? Port 6006 is not available. Would you like to run Storybook on port 6006 instead? Yes
info => Loading presets
info => Loading custom babel config as JS
╭──────────────────────────────────────────────────╮
│                                                  │
│   Storybook 5.2.0-alpha.36 started               │
│   3.19 s                                         │
│                                                  │
│   Local:            http://localhost:6006/       │
│   On your network:  http://10.188.111.6:6006/    │
│                                                  │
╰──────────────────────────────────────────────────╯

(любопытный вопрос, кстати ;-))

1. во втором окне терминала запустите мое приложение

$ expo start
  ...
Expo DevTools is running at http://localhost:19002
Starting Metro Bundler on port 19001.
Tunnel ready.
Your native app is running at exp1234567890abcdef://10.188.111.6:19000
Logs for your project will appear below. Press Ctrl+C to exit.
Finished building JavaScript bundle in 6631ms.
Running application on iPhone Xs.
  ...

1. запустить приложение в Xcode, запустить на симуляторе

-> _Пожалуйста, откройте навигатор и выберите историю для предварительного просмотра. _ В Симуляторе
-> истории на левой панели в окне браузера
-> по умолчанию _Добро пожаловать в сборник рассказов_ на главной панели в окне браузера

Это вообще правильный подход?
Любые мысли, подсказки, идеи, почему новая версия у меня не работает?

@ z00m1n Я думаю, что ваша проблема в том, что вы запускаете свой код через туннель в expo.

@ z00m1n также обновите @storybook/* до 5.2.0-alpha.36 по всем направлениям

@Gongreg : истории отображаются на левой панели и выбираются, когда я выбираю их в пользовательском интерфейсе сборника рассказов в симуляторе, так что AFAICT, подключение установлено. На главной панели остается _Добро пожаловать в сборник рассказов_; Фактически, я никогда не видел, чтобы на главной панели отображалось какое-либо другое содержимое.
@shilman : Я сделал:

$ npm list --depth=0 2>&1 | grep <strong i="9">@storybook</strong>
├── @storybook/[email protected]
├── @storybook/[email protected]
├── @storybook/[email protected]
├── @storybook/[email protected]
├── @storybook/[email protected]
├── @storybook/[email protected]
├── @storybook/[email protected]

Дважды проверено, обновлено, перезапущено, проверено. Проблема сохраняется.

(DOH!) Должен был подумать об этом раньше: на снимке экрана ниже показано, что я получаю в консоли инструментов разработчика браузера для страницы StoryBook. Не знаю, что это значит, и связано ли это, но, возможно, это помогает. Никакого дальнейшего вывода, что бы я ни нажимал, повторяется одна и та же ошибка:

@ z00m1n Я искал эту проблему

Uncaught TypeError: Cannot read property 'toLowerCase' of undefined
    at sanitize 

О ля ля!! Я только что выпустил https://github.com/storybookjs/storybook/releases/tag/v5.1.10, содержащий PR № 7187, который ссылается на эту проблему. Обновите сегодня, чтобы попробовать!