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