我已经确认它100％虽然我不能区分node_modules来确定如何 . 但这是问题所在 .

版本：

"react": "^16.6.3",
"react-dom": "^16.6.3",
"mobx": "^5.6.0",
"mobx-react": "^5.4.2"

"devDependencies": {
    "@storybook/addon-actions": "^4.0.9",
    "@storybook/addon-knobs": "^4.0.9",
    "@storybook/addon-links": "^4.0.9",
    "@storybook/addon-notes": "^4.0.8",
    "@storybook/react": "^4.0.9"
  }

当我在安装故事书之前运行 npm run start 时，我的应用程序运行了大量必要的@observable用法 . 在这一点上，没有一个观察结果是不确定的，这是伟大的和预期的 .

我跑完后 npm i --save-dev @storybook/react @storybook/addon-notes @storybook/addon-links @storybook/addon-actions @storybook/addon-knobs

然后再次运行 npm run start ，我得到一个完整的编译错误 . 在我的AppStore.js（我不能透露）作为未定义变量的来源我使用@observable装饰器 . 失败消息显示所有这些，并使用@observable作为undefined在其他两个组件中声明@observable .

我不明白添加故事书会如何破坏MobX或MobX在运行时的反应 . 如果有的话，我认为会导致错误的 npm run storybook . 我想也许吧's because of webpack.config.js in .storybook directory, but I can'确定 .

此外，对于任何认为问题是babel插件的人来说，事实并非如此 . 我正确地按正确的顺序使用它：

"babel": {
    "plugins": [
      "transform-decorators-legacy"
    ],
    "presets": [
      "react-app"
    ]
  },

最后，当我运行 npm uninstall --save-dev @storybook/react @storybook/addon-notes @storybook/addon-links @storybook/addon-actions @storybook/addon-knobs

运行 npm run start 工作正常！

我会在这里试着回答我自己的问题 . 很难确定故事书中node_modules在webpack配置中影响Mobx运行时的内容 .

请帮忙或提出任何建议！

reactjs mobx mobx-react storybook