React Accelerator cannot create cart object

[vishnu_kj]

Hi,

I have been playing a while with setting up the React accelerator project with storefront api as per the documentation.

We have getting the following error while

[GraphQL error for url https://litium-storefront.localtest.me/storefront.graphql]: Message: Cannot create cart., Location: [{“line”:2,“column”:3}], Path: [“createCart”], Data: {“headers”:{“cookie”:null,“x-litium-storefront-context-url”:“https://localhost:3001/”}}

I could see that _requestModelAccessor.RequestModel is null while creating the cart.

How to have the RequestModel has value in it?

Litium version: [8.12.0]

[ton.nguyen]

Hi,

Please check the Litium log to see the actual error that caused the problem. Also make sure the domain you are using for the React accelerator is added to website’s channel, as mentioned in the Configure Litium for an external storefront section of the document: https://docs.litium.com/accelerators/react-accelerator/get-started

[vishnu_kj]

Have fixed that. But while moving forward while browsing localhost:3001 i get this error

graphQLErrors [
{
message: ‘The field productFilterFields does not exist on the type AcceleratorWebsiteWebsiteFieldContainer.’,
locations: [ [Object] ],
path: [ ‘channel’, ‘website’, ‘fields’ ],
extensions: {
type: ‘AcceleratorWebsiteWebsiteFieldContainer’,
field: ‘productFilterFields’,
responseName: ‘productFilterFields’,
specifiedBy: ‘GraphQL’
}
}
]
[GraphQL error for url https://litiumstorefront.localtest.me/storefront.graphql]: Message: The field productFilterFields does not exist on the type AcceleratorWebsiteWebsiteFieldContainer., Location: [{“line”:102,“column”:9}], Path: [“channel”,“website”,“fields”], Data: {“headers”:{“cookie”:“cart-context=CfDJ8Jo1vhEpMOhCrqp16_aG9WhZ2Edt9Dv-ha4m2Hi_LYFGkhbVvJ7JhKmoZTrrPGWslGU9A-JINN4dXIiPybTDKiM0xUQh_NOcf8cpIwdTtb494azQpkt2Nsi5pv7O9tzgZ-QgIxCFfEZ9CgoVMSgPS6A; idsrv.session=A02B48F906CFC96CB84FB2FB77AF2663; .AspNetCore.Identity.Application=CfDJ8G93f-ZpZr1Fua6qCD8DbISTHor-CCnNF5X8a_No5DLGuViBhtMQZO70qso1WVmEMlNaHXzu8fwgTuAW25KWSGONHu6jk0Uv141MhvGxxVwBTVoKTFljLbOw_jW2sK5IHIJCZ4GMvnsSZwmzdh0D5ua_NDPpvplPBzUgM-3gchcKIi2efdBP1MtNAX5gxYVUEVL3xHnHF_4j7-KlIPczfF1IDOl1vTZCY3z1B6G4aZOTACLH-hCaXe72cQ19jaA6vNb5d7_v7qS9p4wpVksseDHe__dfnXErpwRKjIg5Do84jwO3El_2JNXHYnk3kprueIJyKCHi9ysp_-hvvAcWtN8Yw0j0L2XKNH4PGhVf-fcqnjTZSW-Z_N2MZeC21CY1XkduT4Qy_KZhT2U4RdH1B0xr034A4jiT7lzU44qMXVhZBEBysPxhVipmoMhIEYTurK8rrqMYfmezlEQ9GhhtWdWP7PdOTa7PaQwVY0IyCwdIFRFA9juNFLQ0QdQtMcbUMk3Dke9C2eDYzULVrZClpBU8MTj1XMMsNVcYIqAQ4WWQToFr7yxv1BIQsbyKA8Pr9_vOAeZur0y7l4nZ-OOxBRBaox-uREVH3BuYhudZZ5RxpK5UHXnBPUwMcmwUarJFsKFQwq0iRCc9dFZXVN2qNPMXQymDD2I8lcGh4AMyYmgh008a3n9zKRrpbhmF5BVfRa6XBCVRKZJVpvO3Gm-YFesg_cy1Z65yciabMxQauENCZXXg190SwgRpU2ulJpQTP85LTin8pNjPFtEuGr12sve3zaylKvhMsUCh7GYFV1kHY9mJSJyIDQkjsrAFWKsR5qxAEgWSvQSCLiiY3dohfNNUs3XqeJCkukrd_MI_u0_HX668UwpTrTanHIaAJJZuGWGIuTeOLiFKP_Ol2Xcl_p5k2GaF2sdXq26kaGd2psm5EDt63AxFHa_Ag_KN1yW0k5G2h_HOOmqdglPiun5iucPhdjNgenOB3QrYlwIF7P0eoJ_hWTJjAQwzkd9UIBuNPOqJcElxhQODTmm7TKSOnHxt3Q5t7VOHIDlR1FkvyjpFdYN2imHYvLZq4YJquKATQlRUjybdmaJ3HSmSiVSFMMRC2DSUdT2UlSRWXgRcwVGpicQ2DMaIi-Lnyu5x-XxxtUkjZne9SfQalDg803G9nKVBnH42DwEICHciC02UgDcxRq8UQpA1Xa12F16SCGabAbo4RqIjPTbMhc5nNEBjae0”,“x-litium-storefront-context-url”:“https://localhost:3001/”}}
[GraphQL Network error for url https://litiumstorefront.localtest.me/storefront.graphql]: ServerError: Response not successful: Received status code 400
Stack: ServerError: Response not successful: Received status code 400
at Object.throwServerError (webpack-internal:///(rsc)/./node_modules/@apollo/client/link/utils/utils.cjs:39:17)
at parseJsonBody (webpack-internal:///(rsc)/./node_modules/@apollo/client/link/http/http.cjs:285:15)
at eval (webpack-internal:///(rsc)/./node_modules/@apollo/client/link/http/http.cjs:307:20)
at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
⨯ node_modules@apollo\client\errors\errors.cjs (33:27) @ call
⨯ ApolloError: Response not successful: Received status code 400
at new Promise ()
at Array.forEach ()
null
⨯ node_modules@apollo\client\errors\errors.cjs (33:27) @ call
⨯ ApolloError: Response not successful: Received status code 400
at new Promise ()
at Array.forEach ()
digest: “3489163256”
null

[MichaelNattfalk]

Hi.
From the exception message it looks as if you are missing some of the field/block definitions.
Use the storefront cli tool and import the definitions from the frontend project (included in the folder litium-defintions).
Follow the guide under section “Import definitions” at Storefront CLI.

[vishnu_kj]

when running the import we get this error (Litium Version 8.12.0)

[patric.forsgard]

Not sure what version of the storefront cli that you using, the 1.0.0-rc-01 require Litium 8.13.0 due to the removal of display templates.

This error that you are getting may be related to that, maybe you can find more details in the log for the Litium platform.