8

我有一个我创建的 React 应用程序，create-react-app并添加了故事书。当我运行yarn run storybook它时，当我更改文件时它不会重新加载。

我的应用程序布局如下

src
->components
--->aComponent.js
->stories
--->index.js
->index.js

这是我的 package.json

{
  "name": "my-app",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "immutable": "^3.8.2",
    "react": "^16.2.0",
    "react-dom": "^16.2.0",
    "react-scripts": "1.1.1"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject",
    "storybook": "start-storybook -p 9009 -s public",
    "build-storybook": "build-storybook -s public"
  },
  "devDependencies": {
    "@storybook/addon-actions": "^3.3.14",
    "@storybook/addon-links": "^3.3.14",
    "@storybook/addons": "^3.3.14",
    "@storybook/react": "^3.3.14",
    "babel-core": "^6.26.0",
    "flow-bin": "^0.67.1"
  }
}

我没有自定义 web pack 配置。我需要做什么才能使热模块重新加载工作？

4

3 回答 3

4

您必须增加观看次数

echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p

于 2019-10-08T06:58:07.193 回答
0

module有同样的问题，应该作为第二个参数传递storiesOf

                   // V Won't hot reload with `module`
storiesOf('Welcome', module).add('to Storybook', () => <Welcome showApp={linkTo('Button')} />);
于 2019-07-03T20:06:26.457 回答
0

我也有这个问题，
我的环境是： 

ubuntu 18.04  
"react": "^16.10.1",  
"react-dom": "^16.10.1",  
"react-scripts": "3.1.2",  
"@storybook/react": "^5.2.1"

我通过像这样以 sudo 用户身份运行解决了这个问题： 

sudo yarn run storybook
于 2019-10-01T22:05:40.627 回答