Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Storybook does not work with RN0.59.+

See original GitHub issue

Describe the bug Unable to load findSymlinksPaths: Cannot find module ‘react-native/local-cli/util/findSymlinksPaths’

error: unknown option `–projectRoots’

To Reproduce Steps to reproduce the behavior:

Upgrade to latest react-native version
run storybook start -p 7007 | react-native start --projectRoot storybook

Additional context I think the problem is because the path is wrong, now the cli is from @react-community/cli

Issue Analytics

State:
Created 4 years ago
Comments:15 (5 by maintainers)

Top GitHub Comments

4reactions

MaxToybermancommented, Apr 10, 2019

The solution for me was to modify package.json to :

    "@storybook/addon-actions": "4.0.11",
    "@storybook/addon-knobs": "4.0.11",
    "@storybook/addon-links": "4.0.11",
    "@storybook/addon-ondevice-knobs": "4.1.16",
    "@storybook/addon-ondevice-notes": "4.0.11",
    "@storybook/addons": "4.0.11",
    "@storybook/react-native": "4.0.11",

work well with react-native 0.59.2

2reactions

jgcmarinscommented, Apr 10, 2019

I’ve solved this adding react-dom as devDep and then adding this to metro.config.js:

const path = require('path');

module.exports = {
  projectRoot: path.resolve(__dirname, '.'),

  watchFolders: [
    path.resolve(__dirname, 'node_modules'),
  ],

  resolver: {
    // https://github.com/facebook/metro/issues/1#issuecomment-453450709
    extraNodeModules: new Proxy({}, {
      get: (target, name) => path.join(process.cwd(), `node_modules/${name}`),
    }),
  },

  transformer: {
    getTransformOptions: async () => ({
      transform: {
        experimentalImportSupport: false,
        inlineRequires: false,
      },
    }),
  },
};