React Native出现Cannot find module 'babel-plugin-module-resolver'错误求助

1. 确认依赖是否正确安装 #

• 执行安装命令时，需确保将插件安装到开发依赖：

  npm install babel-plugin-module-resolver --save-dev
  # 或 yarn add babel-plugin-module-resolver -D
  # 或 pnpm add babel-plugin-module-resolver -D
  

• 打开package.json，检查devDependencies中是否存在babel-plugin-module-resolver，且版本号无异常报错标记。

2. 检查babel.config.js的插件配置 #

babel插件配置无需写完整的babel-plugin-前缀，仅需使用module-resolver作为插件名，错误的全名配置会导致模块找不到。正确示例：

module.exports = {
  presets: [/* 你的presets配置 */],
  plugins: [
    [
      'module-resolver', // 此处为简写，不要写完整包名
      {
        root: ['./src'],
        alias: {
          '@': './src' // 你的别名规则
        }
      }
    ]
  ]
};

若你的配置中写了babel-plugin-module-resolver作为插件名，直接修改为module-resolver即可。

3. TypeScript项目同步检查tsconfig.json #

如果是TS项目，需同步配置路径别名，确保与babel规则一致，避免TS编译报错：

{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "@/*": ["src/*"] // 对应babel中的@别名规则
    },
    // 其他编译选项...
  }
}

4. 排查版本兼容性 #

• 查看package.json中@babel/core的版本，确保与babel-plugin-module-resolver版本兼容：插件v5.x及以上支持babel 7+，若你的babel是6.x版本，需安装插件v4.x版本。

5. 清理依赖缓存重新安装 #

若以上步骤均无问题，尝试清理依赖缓存后重新安装：

# 删除node_modules和锁文件
rm -rf node_modules package-lock.json
# 重新安装依赖
npm install

内容的提问来源于stack exchange，提问作者the Great A