React故事板在更改时未重新加载

Question

我有一个使用create-react-app创建的React应用程序，并且已经添加了Storybook。当我运行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"
  }
}

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

- Jim Jeffries

Answer 1

您需要增加观察数

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

- Vahe Hakobyan

---

524288是一个魔数吗？还是这个值背后有某种逻辑？ - s.meijer

这是2的19次方。但可能只是足够大的“圆”数。 - seniorpreacher

我希望这个能为我解决问题！！:( - Jamie Hutber

Answer 2

我曾经遇到过同样的问题，应该将module作为第二个参数传递给storiesOf

                   // V Won't hot reload with `module`
storiesOf('Welcome', module).add('to Storybook', () => <Welcome showApp={linkTo('Button')} />);

- Dennis Vash

Answer 3

我也遇到了这个问题，
我的环境是：

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

- Shahab Emami