开发者问题收集

TypeError:无法读取未定义的属性(读取‘id’)

2021-08-27
816236

我的终端出现此错误:

TypeError: Cannot read properties of undefined (reading 'id')

我正在尝试测试对 API 的调用,但出现了错误。

我的函数:

itemToForm = () => {
    this.api.send(this.component, 'get',
        { lang: 'ES', filter: { id: this.item['id'] } }
    ).then(resEsp => {
        this.item = resEsp['data'][0];
        this.api.send(this.component, 'get',
            { lang: 'EN', filter: { id: this.item['id'] } }
        ).then(res => {
            let itemEng = res['data'][0];
            let fields = this.formDef.map(register => register.filter(
                field => field['register_table'].indexOf('traduction') !== -1
            ).map(
                field => field['field_name'])
            ).filter(register => register.length);

            fields = fields.length ? fields[0] : [];

            if (itemEng) {
                this.item = Object.keys(itemEng).reduce((obj, key) => {
                    obj[key] = this.item[key];
                    if (fields.indexOf(key) !== -1) {
                        obj[key + '_eng'] = itemEng[key];
                    }
                    return obj;
                }, {});
            }

            if (this.item) {
                this.setForm();
            }
        })
    })
}

我的规范文件:

it('should call api.send', () => {
    let spy1 = spyOn(api, 'send');
    let item = {
        id: 1,
        name: 'test',
    }

    component.addItem(item);
    component.itemToForm();

    expect(spy1).toHaveBeenCalled();
});
3个回答

发生了什么:

this.item 准备就绪之前,函数 itemToForm() 被调用。

有很多策略可以避免此错误。 一个非常简单的方法是,在函数开头添加一个捕获器,如下所示:

itemToForm = () => {
  if(this.item === undefined) {return}
         
  // The rest of the code
}

如果数据尚不存在,这将停止该函数。

一个更优雅的解决方案 可能是按照操作顺序进一步向上,找到谁在调用 itemToForm() ,并确保在调用之前数据存在。

Izzi
2021-09-22

我碰到了这个问题,但我的问题实际上是完全不同的东西。

在我的代码中由于某些原因我有

import { SOME_OBJECT } from '.';

它应该是这样的:

import { SOME_OBJECT } from './proper-file';
Francesco Borzi
2021-11-02

当我尝试使用 npm install [此处为模块路径] 安装本地 npm 模块时,出现错误 “无法读取未定义的属性(读取‘spec’)”

问题的根源:我没有在 package.json 文件中为本地模块命名。

Raffi
2022-02-21