TypeError: Converting circular structure to JSON with StorybookJS on React Native

Question

每当我在故事书导航器中导航到新故事时，就会发生这种情况。谢谢！

ExceptionsManager.js:126 Unhandled JS Exception: TypeError: Converting circular structure to JSON
    --> starting at object with constructor 'HooksContext'
    |     property 'currentContext' -> object with constructor 'Object'
    --- property 'hooks' closes the circle

我正在使用 React Native 0.61.5 和 @storybook/react-native 5.3.9

Answer 1

我正在处理同样的问题，不幸的是我没有足够的 Storybook 或 React Native 经验来诊断。

但是，我能够按照 https://github.com/storybookjs/storybook/issues/9294 中所述修补模块，即 "hooks.currentContext = Object.assign({}, context, { hooks: null });"

重申一下，这不是一个完美的解决方案，因为原始错误来自 currentContext 和挂钩之间的嵌套循环关系。这只是将 hooks 设置为 null 以终止循环结构。

Answer 2

在我的例子中，将 onDeviceUI 设置为 false 解决了我使用故事书网络 UI 时的这个问题。

storybook/index

const StorybookUIRoot = getStorybookUI({
  asyncStorage: require('@react-native-community/async-storage').AsyncStorage,
  onDeviceUI: false,
  shouldPersistSelection: true,
  shouldDisableKeyboardAvoidingView: true,
  // isUIHidden: true,
})