How Do I Resolve Web Component Loader Issues?

If creating a custom web component from an application's Resources node returns the Unable to load CCA loader: top-navigation/loader: SyntaxError: Unexpected token < in JSON at position 0 error, your web component loader was most likely created incorrectly.

Your loader must be created to use the order that matches paths and parameters, for example:

define([
  './viewModel',
  'ojs/ojcomposite',
  'text!./component.json',
  'text!./view.html',
  'css!./styles'
], function (
  viewModel,
  Composite,
  metadata,
  view) {
...

If you still run into the Unable to load CCA loader error, make some dummy changes to the web component loader and revert your changes. These actions will force a reload of the web component loader and flush out old dependencies.