Metro 遇到错误：尝试解析模块“@apollo/客户端”时

Question

我正在尝试将GraphQL安装到我的React Native应用程序中，在这样做的过程中，我收到了一条错误消息。

我已经确认该文件确实存在，并已退出所有操作并重新启动服务器，但没有任何工作。如有任何建议，我们将不胜感激。谢谢

麦德龙遇到了一个错误：当试图从文件/用户/约翰亨利卢克/桌面/斯巴达-app2/App.js中解析模块@apollo/客户端时，成功找到了包/用户/约翰亨利卢克/桌面/斯巴达-app2/node_modules/@apollo/客户端/package.json。但是，此包本身指定了一个无法解析的main模块字段（/用户/约翰亨利卢克/桌面/斯巴达-app2/node_modules/@apollo/客户端/main.cjs。事实上，这些文件都不存在：

• /用户/约翰亨利卢克/桌面/斯巴达-app2/node_modules/@阿波罗/客户端/main.cjs（.ios.ts|.native.ts|. ts|.ios.tsx|.native.tsx|. tsx|.ios.js|.native.js|. js|.ios.jsx|.native.jsx|. jsx|.ios.json|.native.json|. json）
• /用户/约翰亨利卢克/桌面/斯巴达-app2/node_modules/@阿波罗/客户端/main.cjs/index（。本机|。ios.ts|。native.ts|. ts|。ios.tsx|。native.tsx|。tsx|。ios.js|。native.js|。js|。ios.jsx|。native.jsx|。jsx|。ios.json|。native.json|。json）： /Users/johnhenryluke/Desktop/sparta-app2/node_modules/metro/src/node-haste/DependencyGraph.js（436:17）

434 |435 |if （Error instanceof InvalidPackageError） {

436|抛出新的PackageResolutionError（｛|^437|packageError:error，438|originModulePath:from，439|targetModuleName:to

ABI44_0_0RCTFatal __37-[ABI44_0_0RCTCxxBridge handleError：]_block_invoke _dispatch_call_block_and_release _dispatch_client_callout _dispatch_main_queue_callback_4CF CFRUNLOOP_IS_SERVICING_THE_MAIN_DISPATCH_QUEUE __CFRunLoopRun CFRunLoopRunSpecific GSEventRunModal -[UIApplication _run] UIApplicationMain main start_sim 0x0 0x0

Answer 1

你需要告诉麦德龙接受你的metro.config.js中的cjs文件扩展名

const { getDefaultConfig } = require("metro-config");

module.exports = (async () => {
  const {
    resolver: { sourceExts }
  } = await getDefaultConfig(__dirname);
  return {
    ...
    resolver: {
      sourceExts: [...sourceExts, "cjs"]
    }
  };
})();