Я подтвердил это на 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 перед установкой сборника рассказов, мое приложение запускается с огромным количеством необходимого @ наблюдаемого использования.На данный момент ни одна из наблюдаемых не является неопределенной, что здорово и ожидаемо.
После того, как я запускаю 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 в двух других компонентах с использованием @observable как неопределенного.
Я не понимаю, как добавление сборника рассказов может нарушить MobX или MobX-реакцию во время выполнения.Во всяком случае, я думаю, что это будет npm run storybook, что приведет к ошибкам.Я подумал, может быть, это из-за webpack.config.js в каталоге .storybook, но я не уверен.
Кроме того, для тех, кто считает, что проблема в плагинах 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 из storybook влияет на время выполнения Mobx в конфигурации webpack.
Пожалуйста, помогите или сделайте любое предложение!