Expand my Community achievements bar.

Radically easy to access on brand approved content for distribution and omnichannel performant delivery. AEM Assets Content Hub and Dynamic Media with OpenAPI capabilities is now GA.

Problems bootstrapping a React SPA app from aem-spa-project-archetype


Level 1

When running an unmodified React SPA project I'm seeing two xhr calls being made to:



The first call to en.model.json returns successfully but then the second call is failing.

Why is the second call to ".model.json" being made? That URL looks wrong. How do I fix this?

Steps to reproduce

AEM Version: 6.5

I was able to start a React SPA project using the aem-spa-project-archetype.

  1. `mvn clean install -PautoInstallPackage -Padobe-public`
  2. Follow instructions to update CORS config in AEM. aem-spa-project-archetype/DEVELOPMENT.md at development · adobe/aem-spa-project-archetype · GitHub
  3. run `npm start` in the react-app directory.
  4. View network call in your browser while accessing localhost:3000
2 Replies


Level 1

Accessing localhost:3000 will throw this error because it's trying to retrieve the root path.

Try accessing your specific home.html page http://localhost:3000/content/demo/en/home.html


Level 1

Thanks Estelito!

I'd mark your answer as correct but I can't find the button.