Ember 3中使用ember-data-url-templates的Snapshot API问题

这个报错的核心原因是Ember Data 3.x版本中，snapshot的API发生了变更，同时可能你的ember-data-url-templates插件版本没有适配这个变更，导致直接调用snapshot.belongsTo()时出现方法不存在的错误。下面是几个可行的解决办法：

1. 改用snapshot.record访问模型实例获取关联ID #

在Ember Data 3+中，你需要通过snapshot.record拿到对应的模型实例，再调用belongsTo方法获取关联数据。修改你的urlSegments代码如下：

urlSegments: { 
  shopId: function(type, id, snapshot, query) { 
    // 获取关联的shop记录
    const shop = snapshot.record.belongsTo('shop');
    // 处理关联可能为null的情况，避免报错
    return shop ? shop.id : null;
  }, 
}

如果你的Ember项目支持ES2020+的可选链操作符，还可以简化成更简洁的写法：

urlSegments: { 
  shopId: (type, id, snapshot) => snapshot.record.belongsTo('shop')?.id,
}

2. 升级ember-data-url-templates到兼容Ember 3的版本 #

旧版本的ember-data-url-templates可能没有适配Ember Data 3的snapshot API。你可以先检查当前插件版本，再升级到最新的兼容版：

查看当前插件版本：

npm list ember-data-url-templates

升级到最新稳定版：

npm install ember-data-url-templates@latest --save-dev

升级完成后，再测试原来的snapshot.belongsTo用法是否恢复正常（部分新版本插件已经适配了API变更）。

3. 备选方案：通过adapterOptions传递关联ID #

如果上面两种方法都不生效，可以在查询/保存数据时，手动把关联ID通过adapterOptions传递给适配器：

比如在调用findRecord或save方法时：

// 以findRecord为例
this.store.findRecord('shop-language', 123, {
  adapterOptions: { shopId: this.currentShop.id }
});

然后在适配器的urlSegments中直接读取这个值：

urlSegments: { 
  shopId: function(type, id, snapshot, query) { 
    // 优先从adapterOptions取，关联不存在时降级到模型关联
    return query?.adapterOptions?.shopId || snapshot.record.belongsTo('shop')?.id;
  }, 
}

最后别忘了确认你的模型定义中已经正确声明了关联：

// app/models/shop-language.js
import Model, { belongsTo } from '@ember-data/model';

export default class ShopLanguageModel extends Model {
  @belongsTo('shop') shop;
  // 其他属性...
}

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