第一次上手项目，修复提示框error无法显示内容。

        在运行项目的时候，添加一个元素在页面上的时候需要上交图片，但是模拟器所以没有图片，然后输入原因随便输入比如66，然后提示框报错显示add a override reason[object object]。

        明显我们需要看到的是报错内容，但是error显示的确实[object object],说明是和前面的文本一样按照字符串的形式输出了，也就是error可能是个对象但是由于源代码

        

        这样导致‘+’连接左右两边形成一串字符串，导致后面的error被识别为字符串了，那么我们就需要一个方法让error可以按照原来的形式输出，也就是我们提前把内容变为字符串，想到了方法JSON.stringify()，那么我们创建一个函数，

        

		function getErrorMessage(error) {
		if (!error) return 'Unknown error';
		if (typeof error === 'string') return error;
		if (error.message) return error.message;
		if (error.error_description) return error.error_description;
		if (error.details) return error.details;
		if (error.data) return JSON.stringify(error.data);
		if (error.statusText) return error.statusText;
		if (error.error) return error.error;
		return JSON.stringify(error, null, 2);
}

        这报错了，因为我们的模板是typescript，必须严格定义参数的类型，所以我们改变一下

        

	function getErrorMessage(error:unknown):string{ if(!error) return 'UnKnown error'; if(typeof error === 'string')return error;
	if(typeof error ==='object'){ if('message' in error && typeof(error as any).message ==='string'){ return (error as any).message }
	if('error' in error){
	return (error as any).error
	}
	if('datails' in error){
	return (error as any).datails
	}
	if('data' in error){
	return JSON.stringify((error as any).data)
	}
	return JSON.stringify(error,null,2)
	}
	return 'Unknow error type';
	}

        就是不管error是什么类型，我们都要把它获取然后变成字符串输出，如果我们定义都不是它 的类型，就返回 'Unknow error type';然后我们改变原先的代码

        

         现在我们重新添加元素，依旧没有上传图片，提示框显示出error里面的对象内容了，通过字符串转化的方式，这就是我今天做的一个小任务。