Using GOV.UK Frontend 4.5.0, opening dev tools causes an error in the terminal

[joelanman]

Description of the issue

If you use Frontend 4.5.0 and open dev tools, you get an error in the terminal:

Page not found: /plugin-assets/govuk-frontend/govuk/all.js.map

Steps to reproduce the issue

as above

Actual vs expected behaviour

No error expected

Environment (where applicable)

• Operating system: MacOS
• Browser: Chrome
• Browser version: 109.0.5414.119
• GOV.UK Prototype Kit version: 13.2.4

[nataliecarey]

This should be solved within govuk-frontend, not within the prototype kit. It's important that the interface with plugins is kept really clean.

[colinrotherham]

This should be solved within govuk-frontend, not within the prototype kit. It's important that the interface with plugins is kept really clean.

Hi @nataliecarey @joelanman, thanks for spotting this

We've added this comment to all.js so any errors (or console messages) have line numbers etc

//# sourceMappingURL=all.js.map

• Add source maps to compiled JavaScript and CSS govuk-frontend#3023

@BenSurgisonGDS The fix in #1955 looks good, it's quite likely that any 3rd party compiled JavaScript file (or stylesheet) could have a map included, but found recently that source maps don't always equal filename + '.map' sadly 😔

• Ensure mismatched source map URLs are still hashed govuk-design-system#2585

@nataliecarey If a fix in govuk-frontend is preferred, how would you name it here?

scripts: [
  '/govuk/all.js',
  '/govuk-prototype-kit/init.js'
],

[colinrotherham]

I suppose too, would it be worth chatting about using our "source JavaScript" so no source maps are needed?

[joelanman]

Fixed in GOV.UK Frontend 4.6.0: https://github.com/alphagov/govuk-frontend/releases/tag/v4.6.0