HTML无法解析“ srcset”属性值，因为它在图像上具有未知的描述符-React-Webpack

Question

可能值得一提的是，我正在使用React和Webpack。

示例：

<img src="https://increasify.com.au/wp-content/uploads/2016/08/default-image.png" srcset="http://www.rangerwoodperiyar.com/images/joomlart/demo/default.jpg x2"

我的目标是利用srcset属性来检测屏幕密度是否为x2，以使浏览器确定使用更大的图像。

图像显示正常，但未使用srcset属性中描述的用于视网膜或更高分辨率屏幕的较大图像。

它还在控制台中显示以下错误：

• Failed parsing 'srcset' attribute value since it has an unknown descriptor.来自vendor.bundle.js

• Dropped srcset candidate "<URL>"

• Dropped srcset candidate "http://www.rangerwoodperiyar.com/images/joomlart/demo/default.jpg"

我目前正在使用最新版本的Chrome浏览器Version 70.0.3538.110

Answer 1

图片名称中的空格也会触发此错误：

assets/logo/logo 2x.png 2x,

必须改为

assets/logo/logo2x.png 2x,

Answer 2

我发现了问题，我将x2放在应该是2x的愚蠢错误中。