Ember 断言失败:来自 findQuery 的响应必须是数组,而不是未定义

Ember Assertion Failed: The response from a findQuery must be an Array, not undefined

本文关键字:数组 未定义 响应 失败 断言 来自 findQuery Ember      更新时间:2023-09-26

正如标题所说,我得到的错误是:

Error while processing route: index Assertion Failed: The response from a findQuery must be an Array, not undefined

检查了我能找到的每一个 SO 答案(如这个或这个),与我类似的错误,并且提供的解决方案都没有帮助我解决问题。

我正在学习Ember,并试图使用Ember Data RESTAdapter和RESTSerializer来修复来自OMDB API的JSON响应。

我得到的大多数错误的答案都表明 JSON 格式不正确(例如未骆驼化的属性名称),但我很确定我在 MovieSerializer.extractArray 中序列化 JSON 的方式没有任何问题。

我已经尝试添加 normalize 方法以及normalizeHash但是,如前所述,我找不到需要规范化无效或缺失的属性(id存在)。

收到的 JSON:

{
    "Title": "Pulp Fiction",
    "Year": "1994",
    "Rated": "R",
    "Released": "14 Oct 1994",
    "Runtime": "154 min",
    "Genre": "Crime, Drama, Thriller",
    "Director": "Quentin Tarantino",
    "Writer": "Quentin Tarantino (story), Roger Avary (story), Quentin Tarantino",
    "Actors": "Tim Roth, Amanda Plummer, Laura Lovelace, John Travolta",
    "Plot": "The lives of two mob hit men, a boxer, a gangster's wife, and a pair of diner bandits intertwine in four tales of violence and redemption.",
    "Language": "English, Spanish, French",
    "Country": "USA",
    "Awards": "Won 1 Oscar. Another 63 wins & 47 nominations.",
    "Poster": "http://ia.media-imdb.com/images/M/MV5BMjE0ODk2NjczOV5BMl5BanBnXkFtZTYwNDQ0NDg4._V1_SX300.jpg",
    "Metascore": "94",
    "imdbRating": "8.9",
    "imdbVotes": "1,039,031",
    "imdbID": "tt0110912",
    "Type": "movie",
    "Response": "True"
}

序列化的 JSON(记录在下面标记的代码部分中)

{
    "movies": [
        {
            "id": 1,
            "title": "Pulp Fiction",
            "year": "1994",
            "rated": "R",
            "released": "14 Oct 1994",
            "runtime": "154 min",
            "genre": "Crime, Drama, Thriller",
            "director": "Quentin Tarantino",
            "writer": "Quentin Tarantino (story), Roger Avary (story), Quentin Tarantino",
            "actors": "Tim Roth, Amanda Plummer, Laura Lovelace, John Travolta",
            "plot": "The lives of two mob hit men, a boxer, a gangster's wife, and a pair of diner bandits intertwine in four tales of violence and redemption.",
            "language": "English, Spanish, French",
            "country": "USA",
            "awards": "Won 1 Oscar. Another 63 wins & 47 nominations.",
            "poster": "http://ia.media-imdb.com/images/M/MV5BMjE0ODk2NjczOV5BMl5BanBnXkFtZTYwNDQ0NDg4._V1_SX300.jpg",
            "metascore": "94",
            "imdbRating": "8.9",
            "imdbVotes": "1,039,031",
            "imdbId": "tt0110912",
            "type": "movie",
            "response": "True"
        }
    ]
}

我的应用的相关代码是:

var Movie = DS.Model.extend({
    title:      DS.attr('string'), 
    year:       DS.attr('string'),      
    rated:      DS.attr('string'),
    released:   DS.attr('string'),
    runtime:    DS.attr('string'),
    genre:      DS.attr('string'),
    director:   DS.attr('string'),
    writer:     DS.attr('string'),
    actors:     DS.attr('string'),
    plot:       DS.attr('string'),
    language:   DS.attr('string'),
    country:    DS.attr('string'),
    awards:     DS.attr('string'),
    poster:     DS.attr('string'),
    metascore:  DS.attr('string'),
    imdbRating: DS.attr('string'),  
    imdbVotes:  DS.attr('string'),
    imdbId:     DS.attr('string'),
    type:       DS.attr('string'),
    response:   DS.attr('string')
});

索引路由

var IndexRoute = Ember.Route.extend({
    model: function() {
        return this.get('store').find('movie', {title: 'Pulp Fiction'}); // calls findQuery in the RESTAdapter
    }
});

适配器

var MovieAdapter = DS.RESTAdapter.extend({
    // request sent to http://www.omdbapi.com/?t=pulp+fiction&y=&plot=short&r=json
    buildURL: function(item) {
        var title = item.title.trim().replace(/'s+/, '+').replace(/[A-Z]/g, function(val) {
            return val.toLowerCase();
        });
        return "http://www.omdbapi.com/?t=" + title + "&y=&plot=short&r=json";
    }
    findQuery: function(store, type, query) {
        return this.ajax(this.buildURL(query), 'GET');
    }
});

序列化程序

var MovieSerializer = DS.RESTSerializer.extend({
    extractArray: function(store, type, payload) {
        var movies = [{
            id: 1 // hard-code an id for now
        }];
        var camelKey;
        for(var key in payload) {
            camelKey = Ember.String.decamelize(key).camelize();
            movies[0][camelKey] = payload[key];
        }           
        payload = { movies: movies };
        console.log(JSON.stringify(payload)); // THE SERIALIZED JSON ABOVE IS LOGGED AT THIS POINT
        this._super(store, type, payload);
    }
});

好的,所以我找到了错误源。

我忘了在 extractArray 中返回数组.

我所做的更改很简单:

extractArray: function(store, type, payload) {
    // ...
    return this._super(store, type, payload); // added this return statement
}

对于其他正在研究这个问题的人来说,还有一件事需要注意。不要在没有特定需要的情况下覆盖像 normalizeextractArray 这样的内置钩子,并确保满足这些钩子的必要条件(例如返回值、调用super等)