reactjs - Storybook aktualisiert sich nach dem Speichern nicht
Ich habe ein Storybook erstellt und danach, wenn ich etwas ändere und speichere, aktualisiert sich der Browser nicht automatisch. Also muss ich jedes Mal die F5-Taste drücken. Leider konnte ich das Problem nicht herausfinden.
Ich beginne das Geschichtsbuch mit:
yarn storybook
Das Repository wird unter https://github.com/softshipper/react-storybook gehostet.
Update
Ich habe festgestellt, dass Hot Reload auf Firefox wie ein Traum funktioniert. Auf Chromium funktioniert Hot Reload jedoch überhaupt nicht. Ich benutze https://pop.system76.com/ als Betriebssystem und Chromium ist über Flatpak installiert.
Wenn ich das Storybook starte, zeigt es mir im Terminal:
start-storybook -p 6006
info @storybook/react v6.2.7
info
info => Loading presets
info => Loading 1 config file in "/home/developer/projects/openidea/webapp/components/.storybook"
info => Loading 7 other files in "/home/developer/projects/openidea/webapp/components/.storybook"
info => Adding stories defined in "/home/developer/projects/openidea/webapp/components/.storybook/main.js"
WARN unable to find package.json for @rollup/plugin-node-resolve
WARN unable to find package.json for rollup
info => Using prebuilt manager
info => Using implicit CSS loaders
WARN unable to find package.json for @rollup/plugin-node-resolve
WARN unable to find package.json for rollup
info => Using React fast refresh
info => Using default Webpack4 setup
(node:145138) DeprecationWarning: Default PostCSS plugins are deprecated. When switching to '@storybook/addon-postcss',
you will need to add your own plugins, such as 'postcss-flexbugs-fixes' and 'autoprefixer'.
See https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-default-postcss-plugins for details.
(Use `node --trace-deprecation ...` to show where the warning was created)
10% building 6/12 modules 6 active /home/developer/projects/openidea/webapp/components/node_modules/babel-loader/lib/index.js??ref--4-0!/home/developer/projects/openidea/webapp/components/.storybook/generated-stories-entry.jsinfo => Using cached manager
webpack built preview 6002361e38573b1c5351 in 9449ms
╭─────────────────────────────────────────────────────╮
│ │
│ Storybook 6.2.7 started │
│ 9.74 s for preview │
│ │
│ Local: http://localhost:6006/ │
│ On your network: http://192.168.178.27:6006/ │
│ │
╰─────────────────────────────────────────────────────╯
webpack building...
webpack built preview 533a9b622317ca763dd0 in 1930ms