Meteor Cordova：navigator.camera未定义，求排查思路及解决方案

我来帮你一步步梳理排查方向，我之前在 Meteor 里调试 Cordova 插件时也碰到过类似的情况，你可以按下面的清单逐一检查：

• 确认插件安装状态与服务重启
  先别急着调试代码，先确认插件真的安装到位：

  • 查看项目根目录下的 .meteor/cordova-plugins 文件夹，有没有 cordova-plugin-camera 相关的目录；或者执行命令 meteor list cordova，看看插件是否显示为 cordova:cordova-plugin-camera@2.2.0。
  • 很多时候插件安装后需要重启 Meteor 服务才能生效，试试停止当前服务，重新运行 meteor 再测试。

• 确保浏览器平台正确加载
  Cordova 插件在浏览器里是靠 cordova-browser 平台模拟的，你得先把这个平台加上：

  • 执行 meteor add-platform browser，然后用 meteor run browser 启动项目，而不是普通的 meteor 命令（普通启动可能不会加载浏览器平台的模拟层）。
  • 另外，插件初始化需要等 Cordova 环境就绪，别在页面刚加载就打印 navigator.camera。试试把代码放在 Meteor.startup() 里，或者用 Cordova 标准的 deviceready 事件监听：

    document.addEventListener("deviceready", function() {
      console.log(navigator.camera);
    }, false);
    

    浏览器环境下这个事件也会触发，能确保插件完全初始化。

• 检查版本兼容性
  你用的 2.2.0 版本是比较旧的，可能和当前 Meteor 版本不兼容：

  • 先卸载旧版本：meteor remove cordova:cordova-plugin-camera，然后安装最新兼容版：meteor add cordova:cordova-plugin-camera@latest（可以先确认下 Meteor 官方文档支持的版本范围）。
  • 同时检查你的 Meteor 版本是否过旧，过旧的 Meteor 可能对新插件支持不好，必要时可以升级到稳定版。

• 查看浏览器控制台的错误信息
  打开浏览器开发者工具（F12）的 Console 标签，看看有没有插件加载时的报错：

  • 比如有没有 404 找不到插件模拟脚本的错误，或者其他 JS 错误阻止了插件初始化。
  • 另外检查项目的 mobile-config.js 里的内容安全策略（CSP）设置，是否允许加载插件相关的资源，避免 CSP 拦截了脚本。

• 用最小化项目测试排除冲突
  如果上面都没问题，可能是项目里其他代码或插件冲突导致的：

  • 新建一个空白 Meteor 项目，只添加 cordova:cordova-plugin-camera@2.2.0 和 browser 平台，写最简单的测试代码。如果这个空白项目里 navigator.camera 能正常访问，那就是原项目里的其他插件或代码影响了插件加载。

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