DevTools failed to load SourceMap: Could not load content for popper.min.js.map on Chrome browser

Issue

  • While using a production instance of Liferay, the below warning will appear in the Chrome console:
    DevTools failed to load SourceMap: Could not load content for http://localhost:8080/popper.min.js.map: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE

Environment

  • Liferay DXP 7.1
  • Liferay DXP 7.2
  • Liferay DXP 7.3
  • Liferay DXP 7.4

Resolution

  • The warning does not flag any Liferay bugs and can be safely ignored
  • As a client-side workaround, customers can navigate to the "Settings" for Developer Tools, then uncheck Enable JavaScript Sourcemaps under the "Sources" settings:
    js_devtools.png
  • The popper.min.js.map file, per se, allows the debugging of popper.js.
  • Debug mode in Liferay is triggered by adding, among others, the below two properties:
    javascript.fast.load=false
    minifier.enabled=false
    With these 2 lines, the warning will no longer be printed and debug for Popper.js source map will be possible.
  • When in a production environment these properties are usually set to true. This implies the ComboServlet.java is used to group and efficiently load more files at the same time (JS or CSS), and the source maps are not being found and mapped correctly with their sources (for example, popper.min.js.map).

Additional Information

¿Fue útil este artículo?
Usuarios a los que les pareció útil: 0 de 0