Пустая страница сборника рассказов при запуске

#javascript #reactjs #storybook

#javascript #reactjs #сборник рассказов

Вопрос:

Я пытаюсь загрузить демонстрационные рассказы сборника рассказов. Я создал приложение react с помощью create-react-app и запустил npm start . Он запускается на порту: 3000. Затем, когда я запускаю npm run storybook , он открывает браузер на порту: 6006. Но отображает только пустую страницу.

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

1. Довольно сложно помочь, если вы почти ничего не предоставляете в деталях. Есть ли какие-либо ошибки, зарегистрированные в консоли? Можете ли вы предоставить свой файл package.json?

2. ошибок нет. Он просто отображает пустую страницу в браузере. а не демонстрационные рассказы сборника рассказов

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

Ответ №1:

Что мне помогло, так это запустить

 rm yarn.lock
yarn install
  

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

Ответ №2:

По-видимому, react обновился до версии 17.0.0, но storybook еще не переключился. Если вы используете версию 16.14.0 react, она должна работать.

https://www.youtube.com/watch?v=fjb_QcQhRrs

Ответ №3:

Если вы хотите остаться на react версии 17, вы можете обновить storybook до предварительного выпуска, выполнив

 npx sb@next upgrade --prerelease
  

для получения дополнительной информации, пожалуйста, обратитесь к выпуску GitHub # 12408

Ответ №4:

Попробуйте очистить кэш вашего браузера. Это решило мою проблему.

Ответ №5:

npm ci спас мне день и исправил проблему

Ответ №6:

Моя проблема заключалась в том, что я @storybook/preset-create-react-app тоже обновился, и, похоже, я не должен был этого делать.

Когда @storybook/preset-create-react-app в моем случае была возвращена к начальной версии 3.2.0 и @storybook/react обновлена до последней версии ^ 6.5.4 — все было в порядке.