Comments (5)
The problem is by default the API is using GraphQL, if your Magento doesn't have a
/graphql
route it won't work. I'm working on a POC to migrate to REST, but I don't have the proper documentation of every endpoint. Can anyone help me with that?
@EduSantosBrito I believe this is not the problem, my Magento has GraphQl working and I'm still having an error.
In pages/api/index.js
the code try import home
from react-storefront-connector
and it's is undefined.
import { home } from 'react-storefront-connector'
export default async function(req, res) {
res.json(await home(req, res)) // home is undefined
}
I replaced all react-storefront-connector
with react-storefront-magento2-connector
and it worked.
from react-storefront.
I am having exact same problem with macOS Catalina. Did you find a solution to this?
from react-storefront.
Same issue here:
TypeError: Object(...) is not a function at eval (webpack-internal:///./pages/api/index.js:6:89) at apiResolver (/home/angelbs/my-m2-app/node_modules/next/dist/next-server/server/api-utils.js:8:7) at runMicrotasks (<anonymous>) at processTicksAndRejections (internal/process/task_queues.js:95:5) at async DevServer.handleApiRequest (/home/angelbs/my-m2-app/node_modules/next/dist/next-server/server/next-server.js:66:462) at async Object.fn (/home/angelbs/my-m2-app/node_modules/next/dist/next-server/server/next-server.js:58:580) at async Router.execute (/home/angelbs/my-m2-app/node_modules/next/dist/next-server/server/router.js:25:67) at async DevServer.run (/home/angelbs/my-m2-app/node_modules/next/dist/next-server/server/next-server.js:68:1042) at async DevServer.handleRequest (/home/angelbs/my-m2-app/node_modules/next/dist/next-server/server/next-server.js:32:504) FetchError: invalid json response body at http://localhost:3000/api?_includeAppData=1 reason: Unexpected token I in JSON at position 0 at /home/angelbs/my-m2-app/node_modules/node-fetch/lib/index.js:272:32 at runMicrotasks (<anonymous>) at processTicksAndRejections (internal/process/task_queues.js:95:5) at async Function.MyApp.getInitialProps (webpack-internal:///./pages/_app.js:123:17) at async loadGetInitialProps (/home/angelbs/my-m2-app/node_modules/next/dist/next-server/lib/utils.js:5:91) at async renderToHTML (/home/angelbs/my-m2-app/node_modules/next/dist/next-server/server/render.js:28:1537) at async /home/angelbs/my-m2-app/node_modules/next/dist/next-server/server/next-server.js:112:97 at async /home/angelbs/my-m2-app/node_modules/next/dist/next-server/server/next-server.js:105:142 at async DevServer.renderToHTMLWithComponents (/home/angelbs/my-m2-app/node_modules/next/dist/next-server/server/next-server.js:137:387) at async DevServer.renderToHTML (/home/angelbs/my-m2-app/node_modules/next/dist/next-server/server/next-server.js:138:610) at async DevServer.renderToHTML (/home/angelbs/my-m2-app/node_modules/next/dist/server/next-dev-server.js:36:578) at async DevServer.render (/home/angelbs/my-m2-app/node_modules/next/dist/next-server/server/next-server.js:75:160) at async Object.fn (/home/angelbs/my-m2-app/node_modules/next/dist/next-server/server/next-server.js:58:672) at async Router.execute (/home/angelbs/my-m2-app/node_modules/next/dist/next-server/server/router.js:25:67) at async DevServer.run (/home/angelbs/my-m2-app/node_modules/next/dist/next-server/server/next-server.js:68:1042) at async DevServer.handleRequest (/home/angelbs/my-m2-app/node_modules/next/dist/next-server/server/next-server.js:32:504) { type: 'invalid-json' }
Steps to reproduce
Same as mentioned above
System information
- OS: Ubuntu 20.04.2 LTS
- Browser: Chrome
- Version of React Storefront: Last
from react-storefront.
any update on that?
im having the same issue
from react-storefront.
The problem is by default the API is using GraphQL, if your Magento doesn't have a /graphql
route it won't work. I'm working on a POC to migrate to REST, but I don't have the proper documentation of every endpoint. Can anyone help me with that?
from react-storefront.
Related Issues (20)
- Dependency resolution problems HOT 7
- Error while creating home page with fulfillAPIRequest HOT 3
- How to disable mock connector code HOT 3
- Please support saleor
- Search does not work (possible routing/API issue). HOT 3
- Is there a plan in the near future to upgrade Material UI to v5 ?
- Carousel component not passing arrows and dots classes down to the Arrows/Dots components
- Contact form broken and slack link on home page expired HOT 1
- Is the project abandoned ? HOT 6
- Add to Cart functionality issue
- Accessibility issue with Quantity Selector
- Latest version doesn't download with npm
- Upgrade docs to include steps for upgrading to latest version.
- Custom submit button component for SearchField
- How to pass translated hint texts for MagnifyHint
- Slack Invitation Expired.
- Connector Building Documentation looks Incomplete.
- Is this Project Dead? HOT 7
- Support for NextJS 13
- I cannot start the app using 'npm start' it shows 'Invalid hook call. Hooks can only be called inside of the body of a function component'
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-storefront.