使用pnpm时无法解析react-native模块

Question

我收到的完整错误信息是“error: Error: Unable to resolve module react-native from /.../.../index.js: react-native could not be found within the project or in these directories: node_modules”。

我使用的是pnpm版本7.17.0，react native版本0.70.6和node版本v19.1.0，在M1 macos 13.0.1上。

看起来React Native不支持pnpm，但我花了很长时间才发现这是由于与pnpm的某些不兼容性造成的。

知道了这个不兼容问题，我认为任何人遇到的确切错误大多只包括在他们的index.js文件中首先放置的依赖项。

虽然似乎存在一些解决方法，例如在这里https://github.com/pnpm/pnpm/issues/3015，但我的印象仍然是在一起使用它们是一个坏主意。

我是否漏掉了其他细节或背景？我发布这个问题是为了增加该问题对其他人的可见性。

- Akh

Answer 1

自react-native v0.72起，您可以在metro.config.js中启用实验性符号链接支持：https://reactnative.dev/blog/2023/06/21/0.72-metro-package-exports-symlinks#enabling-beta-features

const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config')

const config = {
  resolver: {
    unstable_enableSymlinks: true,
  },
}

module.exports = mergeConfig(getDefaultConfig(__dirname), config)

- dan-lee