Skip to content

Unhandled HTTP 404 when viewing an highlighted element that does not exist

Sentry Issue: ARKINDEX-FRONTEND-C4Q

AxiosError: Request failed with status code 404
  at async Rt (/arkindex/1.8.2/arkindex.js:2:5523)
  at None (/arkindex/1.8.2/arkindex.js:2:3707)
  at None (/arkindex/1.8.2/arkindex.js:2:3760)
  at async Proxy.getParentsBulk (/arkindex/1.8.2/arkindex.js:2:42043)
  at async Proxy.load (/arkindex/1.8.2/arkindex.js:3:288529)
...
(4 additional frame(s) were not displayed)
  1. View any non-folder element
  2. Add ?highlight=aaaaaaaa-aaaa-aaaa-aaaa-aaaaaaaaaaaa to the URL
  3. Get an error No Element matches the given query, as expected
  4. Open the dev tools
  5. Get a big red Vue error

This is a crash in a Vue created hook, which could lead to random bugs as the component might not be fully initialized correctly. We just need to catch the error and skip it.