Nx Expo React Native项目无法导入库组件问题求助

针对Error: Cannot resolve @monorepo/account-manager的报错，以下是几个可行的解决方案：

1. 配置Metro解析器适配Nx路径 #

Metro不会自动读取tsconfig.base.json中的paths配置，需要在Expo项目的metro.config.js中做针对性配置：

方式一：使用@nx/expo的官方插件 #

修改项目根目录下的metro.config.js：

const { getDefaultConfig } = require('@expo/metro-config');
const { withNxMetro } = require('@nx/expo');

const config = getDefaultConfig(__dirname);

// 根据你的项目层级调整workspaceRoot，确保指向monorepo根目录
module.exports = withNxMetro(config, {
  workspaceRoot: '../../',
});

方式二：手动添加路径解析逻辑 #

如果插件方式不生效，可手动在metro.config.js中添加解析规则：

const path = require('path');
const { getDefaultConfig } = require('@expo/metro-config');

const config = getDefaultConfig(__dirname);

// 自定义解析@monorepo前缀的库路径
config.resolver.resolveRequest = (context, moduleName, platform) => {
  if (moduleName.startsWith('@monorepo/')) {
    const [_, libraryName] = moduleName.split('/');
    const resolvedPath = path.resolve(
      __dirname,
      `../../libs/${libraryName}/src/index.tsx`
    );
    return { filePath: resolvedPath };
  }
  // 其他模块沿用默认解析逻辑
  return context.resolveRequest(context, moduleName, platform);
};

module.exports = config;

2. 验证库的package.json配置 #

检查libs/account-manager/package.json中的关键字段是否正确：

{
  "name": "@monorepo/account-manager",
  "main": "./src/index.tsx",
  "type": "module"
}

确保name字段和你导入时的@monorepo/account-manager完全一致，main字段指向库的入口文件。

3. 清除缓存并重启服务 #

缓存可能导致配置不生效，执行以下命令彻底清除缓存并重启服务：

# 清除Nx工作区缓存
npx nx reset
# 清除Metro缓存并启动Expo服务
npx expo start --clear

4. 检查tsconfig.base.json的路径配置 #

确认paths中的路径是相对于monorepo根目录的正确路径：

"paths": {
  "@monorepo/account-manager": ["libs/account-manager/src/index.tsx"]
}

如果项目结构有嵌套，调整路径层级确保指向正确的文件。

5. 确认库的导出路径正确 #

检查libs/account-manager/src/index.tsx中的导出相对路径是否正确：

// 正确路径：index.tsx在src目录下，App.tsx在src/app目录内
export { default as App } from "./app/App";

避免因相对路径错误导致的导出失效。

内容的提问来源于stack exchange，提问作者yuuval