Ember应用在Cordova/PhoneGap环境运行时仅触发store.createRecord错误

我之前也碰到过类似的Cordova打包Ember应用后数据层出问题的情况，结合你提到的store.createRecord失败的点，给你梳理几个常见的排查方向和解决办法：

1. 检查CSP（内容安全策略）配置 #

Cordova打包后默认的CSP规则比普通浏览器严格很多，Ember Data的内部操作（比如本地存储读写、动态代码生成）很可能被拦截。

• 打开项目根目录的config.xml，找到CSP相关的<meta>标签，调整规则确保允许必要的资源访问，比如：

  <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: 'unsafe-eval'; style-src 'self' 'unsafe-inline'; img-src 'self' data:;">
  

• 重点确认是否包含unsafe-eval，Ember的部分内部机制依赖这个权限，Cordova默认可能会限制。

2. 验证Ember Data适配器/序列化器的兼容性 #

如果你的应用用了自定义适配器或序列化器，Cordova webview的环境差异可能导致逻辑出错：

• 若依赖localStorage作为存储后端，Cordova webview对其配额和访问方式和普通浏览器有区别，可以尝试切换到localForage适配Ember Data，它对Cordova环境的兼容性更好。
• 检查序列化器代码里是否用到了仅浏览器环境存在的API（比如window.URL、某些DOM方法），这类API在Cordova webview里可能行为不一致，需要做兼容处理。

3. 抓取Cordova Webview的错误日志 #

普通浏览器控制台看不到打包后的错误，得用安卓调试工具抓日志：

• 用adb命令过滤webview的控制台输出：

  adb logcat | grep WebConsole
  

  这样能找到store.createRecord执行时的具体报错（比如变量未定义、权限异常等）。
• 也可以在Ember应用里加全局错误捕获，把错误信息存本地方便排查：

  // 在app.js中添加
  Ember.onerror = function(error) {
    console.error('全局错误详情:', error.stack);
    // 可通过Cordova插件把日志发送到服务器
  };
  

4. 排查Cordova插件冲突 #

部分Cordova插件会修改webview的全局环境（比如篡改Object.prototype、拦截网络请求），可能干扰Ember Data的内部逻辑：

• 暂时移除近期新增的插件，逐一排查是否是插件导致的冲突。
• 确认所有Cordova插件版本和你的Ember、Cordova核心版本兼容，比如cordova-android版本要和Ember CLI的Cordova插件匹配。

5. 检查Ember生产构建的优化配置 #

Ember生产构建的某些优化可能在Cordova环境下触发问题：

• 打开ember-cli-build.js，暂时关闭minifyJS、treeShaking这类优化选项，打包后测试是否恢复正常，逐步定位是哪个优化步骤出了问题。
• 确保构建时没有误删Ember Data的必要模块，比如某些内部序列化器、适配器被tree shaking错误移除。

内容的提问来源于stack exchange，提问作者Vilhelm H.