Unable to resolve module ./storybook.requires

[Brandon-Perry]

Describe the bug When I yarn start on my project after installing storybook, I get the following error:

error: Error: Unable to resolve module ./storybook.requires from /Users/brandon/Desktop/monorepo/client/.storybook/index.js:

None of these files exist:

• .storybook/storybook.requires(.native|.ios.js|.native.js|.js|.ios.jsx|.native.jsx|.jsx|.ios.json|.native.json|.json|.ios.ts|.native.ts|.ts|.ios.tsx|.native.tsx|.tsx)
• .storybook/storybook.requires/index(.native|.ios.js|.native.js|.js|.ios.jsx|.native.jsx|.jsx|.ios.json|.native.json|.json|.ios.ts|.native.ts|.ts|.ios.tsx|.native.tsx|.tsx) 1 | import { getStorybookUI } from '@storybook/react-native'; 2 |

3 | import './storybook.requires'; | ^ 4 | 5 | const StorybookUIRoot = getStorybookUI({}); 6 | at ModuleResolver.resolveDependency (/Users/brandon/Desktop/monorepo/client/node_modules/metro/src/node-haste/DependencyGraph/ModuleResolution.js:137:15) at DependencyGraph.resolveDependency (/Users/brandon/Desktop/monorepo/client/node_modules/metro/src/node-haste/DependencyGraph.js:260:43) at Object.resolve (/Users/brandon/Desktop/monorepo/client/node_modules/metro/src/lib/transformHelpers.js:177:21) at Graph._resolveDependencies (/Users/brandon/Desktop/monorepo/client/node_modules/metro/src/DeltaBundler/Graph.js:432:35) at Graph._processModule (/Users/brandon/Desktop/monorepo/client/node_modules/metro/src/DeltaBundler/Graph.js:218:38) at async Graph._addDependency (/Users/brandon/Desktop/monorepo/client/node_modules/metro/src/DeltaBundler/Graph.js:314:20) at async Promise.all (index 5) at async Graph._processModule (/Users/brandon/Desktop/monorepo/client/node_modules/metro/src/DeltaBundler/Graph.js:263:5) at async Graph._traverseDependenciesForSingleFile (/Users/brandon/Desktop/monorepo/client/node_modules/metro/src/DeltaBundler/Graph.js:207:5) at async Promise.all (index 0)

To Reproduce Steps to reproduce the behavior:

1. install storybook in client with npx sb@next init --type react_native
2. Add the following line to metro.config.js resolver: { resolverMainFields: ['sbmodern', 'react-native', 'browser', 'main'] }
3. Add export {default} from './.storybook' to app entrypoint
4. yarn start

Expected behavior I expect metro to run without failure

System: Environment Info:

System: OS: macOS 13.2.1 CPU: (12) arm64 Apple M2 Pro Binaries: Node: 19.8.1 - /opt/homebrew/bin/node Yarn: 1.22.19 - /opt/homebrew/bin/yarn npm: 9.5.1 - /opt/homebrew/bin/npm Browsers: Chrome: 113.0.5672.63 Firefox: 112.0.1 Safari: 16.3 npmPackages: @storybook/addon-actions: ^6.5.16 => 6.5.16 @storybook/addon-controls: ^6.5.16 => 6.5.16 @storybook/addon-ondevice-actions: ^6.5.3 => 6.5.3 @storybook/addon-ondevice-controls: ^6.5.3 => 6.5.3 @storybook/cli: ^7.0.9 => 7.0.9 @storybook/react-native: ^6.5.3 => 6.5.3

Additional context Running Yarn storybook also does not result in anything happening, the storyboard docs say that it should have started it up.

[dannyhw]

this file is generated you need to run the script which would be something like

    "update-stories": "sb-rn-get-stories",

[DrBlackBird]

I have the same problem. Just tried to add Storybook to my expo project but I receive the same error as @Brandon-Perry

@dannyhw how do I execute the command?

ah sorry. yarn storybook-generate fixes the error which is already present in the package.json. Sorry! :)

[dannyhw]

The a default requires file will be added to the template to hopefully reduce the frequency of this. Leaving open until I make that change.