I'm trying to get started with Magento's PWA tooling by following their Project setup tutorial.
I've been able to create the Node project by running
$ npx @magento/create-pwa
I've been able to install this project's dependencies by running
$ npm install
I've been able start the web server by running
$ yarn watch
However, when I visit http://0.0.0.0:10000/
, I receive a Something went wrong. Please try again. error in a rendered browser window, and a slew of failed network requests. Most are server error 500s
Here's the results from one of the 500 errors
{
"errors": [{
"debugMessage": "Request content type must be application\/json",
"message": "Internal server error",
"category": "internal",
"trace": [{
"file": "\/path\/to\/\/project-community-edition\/vendor\/magento\/module-graph-ql\/Controller\/HttpRequestProcessor.php",
"line": 39,
"call": "Magento\\GraphQl\\Controller\\HttpHeaderProcessor\\ContentTypeProcessor::processHeaderValue((empty string))"
}, {
"file": "\/path\/to\/\/project-community-edition\/vendor\/magento\/module-graph-ql\/Controller\/GraphQl.php",
"line": 112,
"call": "Magento\\GraphQl\\Controller\\HttpRequestProcessor::processHeaders(instance of Magento\\Framework\\App\\Request\\Http)"
}, {
"file": "\/path\/to\/\/project-community-edition\/vendor\/magento\/framework\/Interception\/Interceptor.php",
"line": 58,
"call": "Magento\\GraphQl\\Controller\\GraphQl::dispatch(instance of Magento\\Framework\\App\\Request\\Http)"
}, {
"file": "\/path\/to\/\/project-community-edition\/vendor\/magento\/framework\/Interception\/Interceptor.php",
"line": 138,
"call": "Magento\\GraphQl\\Controller\\GraphQl\\Interceptor::___callParent('dispatch', array(1))"
}, {
"file": "\/path\/to\/\/project-community-edition\/vendor\/magento\/framework\/Interception\/Interceptor.php",
"line": 153,
"call": "Magento\\GraphQl\\Controller\\GraphQl\\Interceptor::Magento\\Framework\\Interception\\{closure}(instance of Magento\\Framework\\App\\Request\\Http)"
}, {
"file": "\/path\/to\/\/project-community-edition\/generated\/code\/Magento\/GraphQl\/Controller\/GraphQl\/Interceptor.php",
"line": 26,
"call": "Magento\\GraphQl\\Controller\\GraphQl\\Interceptor::___callPlugins('dispatch', array(1), array(1))"
}, {
"file": "\/path\/to\/\/project-community-edition\/vendor\/magento\/framework\/App\/Http.php",
"line": 136,
"call": "Magento\\GraphQl\\Controller\\GraphQl\\Interceptor::dispatch(instance of Magento\\Framework\\App\\Request\\Http)"
}, {
"file": "\/path\/to\/\/project-community-edition\/generated\/code\/Magento\/Framework\/App\/Http\/Interceptor.php",
"line": 24,
"call": "Magento\\Framework\\App\\Http::launch()"
}, {
"file": "\/path\/to\/\/project-community-edition\/vendor\/magento\/framework\/App\/Bootstrap.php",
"line": 258,
"call": "Magento\\Framework\\App\\Http\\Interceptor::launch()"
}, {
"file": "\/path\/to\/\/project-community-edition\/pub\/index.php",
"line": 40,
"call": "Magento\\Framework\\App\\Bootstrap::run(instance of Magento\\Framework\\App\\Http\\Interceptor)"
}]
}]
}
Where do I go from here? I presume this Node.js application is trying to communicate with my Magento instance, configured during installation
#File: .env
MAGENTO_BACKEND_URL=http://magento-2-3-x.localhost/
Do I need to something to prepare this Magento installation and/or further configure this Node.js application with credentials?
I tried looking at the rest of the docs site but it's a bit of a corporate hodge podge of random technical details and seemingly innocuous promotional statements that hint at a lot of interdepartmental tension. I'm unsure what to do and I'm not really up for reverse engineering how all this works.
Does anyone have any advice for what to do here?