Javascript 图像未在窗口上打印。打印（）

我不知道为什么会发生这种情况，也不知道如何解决

我正在打开一个新窗口，将html写入该窗口，然后使用window.print（）方法从该窗口打印html内容。Chrome的默认打印窗口中会显示除一张图像以外的所有内容。这是相当令人沮丧的，尤其是因为页面上显示了两个图像，其中只有一个被打印，而另一个没有

更令人沮丧的是，如果我在窗口中按ctrl+p，它会打印两幅图像。。。我不明白。我没有任何媒体打印查询或任何可能导致图像无法打印的问题，所以我很困惑为什么会发生这种情况

图像在打印之前确实加载到页面上，我通过将超时设置为5秒来确保这一点，并且它仍然执行相同的操作。我认为5秒钟从本地源加载一个图像就足够了

下面是我的一些代码片段

QuotePDF.js

从“React”导入React；
导入“../StyleSheets/QuotePDF.css”；
从“../../../public/Images/ATALogo.png”导入ATALogo；
导出默认类QuotePDF扩展React.Component{
建造师（道具）{
超级（道具）；
此.state={
AdImage:this.props.AdImage，
UserEmail:this.props.UserEmail，
EmailBody:this.props.EmailBody，
用户：this.props.User，
CustomerInfo:this.props.CustomerInfo，
CustomerId:this.props.CustomerId，
FormattedDate:this.props.FormattedDate，
引号：this.props.Quotes，
单一总数：“，
单年总计：“，
双倍总计：“，
双年度总计：“，
班纳托酒店，
班纳拉尔托酒店，
}
}
generatequalNumber（）{
var todaysDate=新日期（）；
var rep=this.state.User；
var chars='abcdefghijklmnopqrstuvxyz'
var month=todaysDate.getMonth（）；
var date=todaysDate.getDate（）；
var year=todaysDate.getFullYear（）；
var monthChar=“”；
var yearChar=“”；
var repInits=“”；
var quoteNumber=“”；
如果（日期<10）{
日期=“0”+日期；
}
代表=代表拆分（“”）；
year=year.toString（）；
repInits=rep[0][0]+rep[1][0]；
monthChar=chars[月]；
年=年分割（“”）；
yearChar=chars[year[1]；
quoteNumber=repInits+“Q”+monthChar+date+yearChar+year[2]+year[3]；
返回quoteNumber；
}
....
render（）{
如果（this.props.CustomerInfo！=0）{
var customerName=this.props.CustomerInfo.extended_info.fields_by_name[“客户名”]+“”+this.props.customerName.extended_info.fields_by_name[“客户姓氏”]；
var businessName=this.props.CustomerInfo.extended_info.fields_by_name[“businessName”]；
var customerAddress=this.props.CustomerInfo.extended_info.fields_by_name[“Street”]；
var customerCity=this.props.CustomerInfo.extended_info.fields_by_name[“City”]；
var customerState=this.props.CustomerInfo.extended_info.fields_by_name[“State”]；
var customerZip=this.props.CustomerInfo.extended_info.fields_by_name[“Zip”]；
}
返回(
SYT Solutions
{this.state.User}
地址
Street
引用
{businessName}
注意：{customerName}
{customerAddress}
{customerCity}，{customerState}{customerZip}
引号编号
Date
客户编号
引用
{this.generatekotenumber（）}
{this.props.FormattedDate}
{this.props.CustomerId}
PO 27687
店主
店名