Chrome for Android: Failed to find a valid digest in the 'integrity' attribute for resource.

[luisgabrielroldan]

The css file isn't loading and the console (Using remote device debugger) shows the next message:

Failed to find a valid digest in the 'integrity' attribute for resource 'http://www.flipthetomster.com/assets/flip-the-tomster-8bc5688c520eb191217150e20ef132b6.css' with computed SHA-256 integrity 'td/wn+TvUyHrtOt4R5NSqL8M8+AZFoLbwsX/CcsSeBY='. The resource has been blocked.

Browser: Chrome 55.0.2883.91
System: Android 6.0.1

[luisgabrielroldan]

Investigating a bit more I found this issue:
https://bugs.chromium.org/p/chromium/issues/detail?id=642928

That was the problem. After I disabled the Chrome Data Saver option, and cleared the cache the problem is gone.

So this only happens if the application is hosted over HTTP.

Ways to solve:

• Don't use SRI attributes in the generated application.
• Host the application using HTTPs.
• Add "Cache-Control: no-transform" response header in the web server configuration.

[san650]

So, to understand the issue, because you were using Chrome Data Saver, it transformed the CSS files to compress it a bit more, making the integrity check to fail, is this correct?

I'll add the Cache-Control: no-transform header to avoid proxies to change the content.

[san650]

pagefront doesn't allow to configure the Cache-Control directive 😞 We need to disable the SRI attribute.