react-native 找不到存在的 node_modules。这可能仅在我使用 yarn 工作区时发生

Question

为了添加它，我运行了以下命令:

yarn workspace mobile add react-native-webview

我确实查看了 node_modules 文件夹，该文件夹是由下面的错误所特有的，并且 react-native-webview 显然在那里。但是，仍然总是抛出这个错误？我什至做了红色错误屏幕上的步骤 react-native 轮廓显示模块何时显示为缺失但实际上存在。

Error: Unable to resolve module `react-native-webview` from `index.js`: react-native-webview could not be found within the project or in these directories:
  ../../node_modules
  /Users/kurnalsaini/Documents/test-mono/packages/mobile/node_modules

我是否想修改我的 Metro-config 文件或其他一些配置文件以使其正常工作？因为对我来说令人难以置信的是它告诉它正在查找正确的文件夹并且仍然说它不存在。

Answer 1

尝试将 Metro 配置设置为监视错误中显示的目录中的 node_modules，您的 metro.config.js 应如下所示:
常量路径 = 要求(“路径”)；

    const watchFolders = [
      //Relative path to packages directory
      path.resolve(__dirname + "/.."),
      path.resolve(__dirname + "/../../node_modules"),
    ];
    
    module.exports = {
      resetCache: true,
      transformer: {
        getTransformOptions: async () => ({
          transform: {
            experimentalImportSupport: false,
            inlineRequires: false,
          },
        }),
      },
      watchFolders,
    };